Verschiebung
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angabe
atomkraft
bestimmen
bildschirm
code
darstellung
fest positionierten platz
handheld
http
inhalt
kleinen bildschirm
kleineren bildschirmen
kleineren monitoren
nichte
sorgen
url
verhindern
verschieben
zeigen
zentrales image
-
Hallo,
Ich bin mit meiner website zufrieden .. auf einem großen Bildschirm zumindest.
Doch wenn ich die Seite mit einem kleinen Bildschirm öffne oder mit dem Smartphone verschieben sich die Inhalte.
Wie kann ich das verhindern und dafür sorgen, dass die Inhalte immer zentral angezeigt werden?
Vielen Dank für die Hilfe
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi bazuka
Wie verschieben sich die Inhalte? Könntest du uns villeicht ein Beispiel zeigen? Du könntest mit relativen Angaben dafür sorgen, dass auf kleineren Bildschirmen auch kleinere Boxen angezeigt werden, oder mit position absolute festlegen, dass alle Inhalt immer am fest positionierten Platz sind.
Gruss -
Hi bazuka1,
Ich bin mit meiner website zufrieden
Welche Website denn? http://bazuka1.lima-city.de/ kann's ja nicht sein, jedenfalls dürfte sich da nicht viel verschieben
Wie kann ich das verhindern und dafür sorgen, dass die Inhalte immer zentral angezeigt werden?
Mit CSS. Wie meron schon schrieb, kann man relative Größenangaben benutzen, z.B. width=50% für ein Element, das nur halb so breit sein soll wie sein Elternelement.
Sehr nützlich ist es auch, wenn man alle Größenangaben in "em" angibt, statt in Pixeln. Pixel sind an eine Auflösung gebunden, und da man die verschiedenen Auflösungen der Benutzerbildschirme nicht kennt, ist das ungünstig. Besser so:
body { font-size:100.1%; } h1 { font-size:1.5em; } .menu {font-size: 0.9em; width:12em;}
Wenn du konsequent überall "em" bzw. %-Angaben verwendest, lässt sich die Seite problemlos skalieren, und alle Inhalte bleiben im Verhältnis zueinander gleich.
Gruß, gluecks-k
Beitrag zuletzt geändert: 15.5.2011 13:54:20 von gluecks-k -
Hier ist der Link: http://bazuka.bplaced.com/website/
Ich bin noch nicht dazu gekommen den Inhalt auf diesen Server zu uppen .. sorry -
Meinst du mit 'verschieben', dass die einzelnen Blöcke dann untereinander, statt nebeinander dargestellt werden...?
-
Ja genau das meine ich ..
kennst du da eine Lösung ?? -
Ja auf einem 22 Zoll Bildschirm sieht es beispielsweise gut aus, aber auf kleineren Monitoren verschieben sich die Inhalte.
Bzw. der Video-Player Rechts verschiebt sich und kommt unter dem Hauptteil der Seite. -
Lösung:
aus
... iframe>
<img ...
werde
... iframe> <img ...
weil
nbsp steht für NoBreakingSpace (Nicht Zeilenumbrechende Leerstelle).
Da sollte dann auch keine Leerstelle zwischen sein..
Edit:
Selbiges gilt türlich auch für alles weitere.
Beitrag zuletzt geändert: 15.5.2011 18:04:20 von menschle -
Also Du ignorierst jetzt die vorschläge von menschle und pflanzenfreund (weil sie Falsch sind) und machst folgendes:
Nach <center> entfernst Du alle <br>'s
und änderst das dann folgende Div so:
<div style="width: 999px; text-align: center; margin: 50px auto 0;">
Mit den 50px kannst Du ja ein bisschen herumspielen um den Abstand zum oberen Rand zu bestimmen.
-
Erstmal vielen dank .. ich hab die letzte Methode angewendet.
Wenn ich das nächste mal mit einem anderen Rechner online bin lässt sich das Ergebnis zeigen.
Danke -
Eine weitere lösung währe auch vor dem öffnen des div´s oder iframe <nobr> zu setzen
also
<div... >
INHALT
</div...>
wird zu
<nobr>
<div...>
INHALT
</div>
</nobr>
also <nobr>INHALT</nobr>
Inhalt steht für iframes texte undsoweiter und das nobr für nobreak.
Ich hoffe es war verständlich
-
anti-atomkraft schrieb:
Meinst du mit 'verschieben', dass die einzelnen Blöcke dann untereinander, statt nebeinander dargestellt werden...?bazuka1 schrieb:
Ja genau das meine ich ..
kennst du da eine Lösung ??
Ja was erwartest Du denn?
Smartphones können deine Inhalte nicht lesbar in voller Breit darstellen. Deine Mittlere Spalte wird von einer Grphik domoniert, deren Breite über 500px liegt. Den ganzen Rotz untereinander darzustellen ist die einzige Möglichkeit, die die Browser von Smartphones in diesem Fall haben, um überhaupt eine halbwegs sinnvolle Darstellung deiner Seite zu ermöglichen.
Wie hast Du dir das Layout in der Darstellung auf Smartphonedisplays denn vorgestellt?
Einfluß auf die Darstellung hast Du! Du mußt nur das Grundlayout flexibel gestalten und dann ein Stylesheet für Mediatype Handheld anlegen, mit dem Du darüber bestimmst, wie deine Seite für Smartphones angezeigt wird.
Dein zentrales Image Website.jpg macht natürlich jegliche Flexibilität zu nichte, aber das hast Du zu verantworten, nicht die Smartphones.
FF
.
-
Ich habe eine Lösung gefunden .. Ich habe die Website in 3 Spalten aufgeteilt. Zumindest verschieben sich die Inhalte nicht mehr auf meinem Iphone.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
