Klawischnigg: Probleme mit div-Layout

Beitrag lesen

Hi there,

Ich hab mir schnell ein Seitenlayout mit div-Containern gebastelt und hab aber ein Problem beim Zoomen.

Hat mit Deinem Problem nichts zu tun aber:
Wenn Du ohnehin den HTML5-Doctype verwendest, dann kannst Du "div-Container" auch auszeichnen, als das was sie sind. Also nicht div id="menu" sondern <nav>, das gleiche beim Footer etc...

Wenn ich relativ weit herauszoome, wird der Inhaltscontainer mit dem blauen Hintergrund plötzlich in einer neuen Zeile angezeigt.

Ich halte das für ein klassisches Scheinproblem. Oder glaubst Du, daß sich jemand bei Dir beschwert, daß Dein geniales Design ein bisschen durcheinandergerät, wenn er die Seite auf ein Viertel eindampft?

Außerdem ist eben dieser Container bei manchen Zoom-Stufen am rechten Rand nicht ganz bündig.

Du hast die Breite der einzelnen Elemente inkl. des linken Randes für 100% genau ausgerechnet. Bei 90% zB gibts da halt ein Problem für den Browser, weil das meist keine ganzzahligen Werte ergibt. Ich würde mir da auch keine grauen Haare darüber wachsen lassen - wer ständig am Browserzoom herumfuchtelt, der ist auch auf vielen anderen Seiten Kummer gewöhnt.
(Alternative: Du verwendest statt px-Angaben prozentuelle Angaben; könnt' mir vorstellen, daß sich der Browser dann beim Skalieren leichter tut, hab das aber mangels Interesse und aus meiner Sicht kompletten Sinnlosigkeit noch nie ausprobiert...)