body margin-left 59px aber nicht immer
Viennamade
- css
0 wahsaga
Hallo!
Es geht um etliche Seiten. Der Inhalt aller Seiten beginnt am 59. Pixel von links, das ist eine Vorgabe. Die background-color aller Seiten ist weiß.
Ausnahme: Die horizontale, oben immer vorhandene Menüleiste (PHP/include) hat eine schwarzen Hintergrund und beginnt am 1. Pixel links und endet am letzten Pixel rechts.
Also habe ich in die zentrale CSS "body {margin-left:59px;}" reingetan und die Menüleiste auf margin-left:-59px (bzw. bei absoluter Positionierung margin-left:0px).
Mein Problem: Auf "großen" Bildschirmen reicht der gefloatete Inhalt der Menüleiste nicht bis an den rechten Rand und ein width:100% für das <div> der Menüleiste bringt nichts (wegen dem versetzten Linksrand von Body).
Frage: Muß ich wirklich den Linsrand von Body auf 0 setzten und alles andere entsprechend adaptieren? Oder macht das ein intelligenter Mensch anders?
Danke
Viennamade
hi,
Es geht um etliche Seiten. Der Inhalt aller Seiten beginnt am 59. Pixel von links, das ist eine Vorgabe. Die background-color aller Seiten ist weiß.
Ausnahme: Die horizontale, oben immer vorhandene Menüleiste (PHP/include) hat eine schwarzen Hintergrund und beginnt am 1. Pixel links und endet am letzten Pixel rechts.
Also habe ich in die zentrale CSS "body {margin-left:59px;}" reingetan und die Menüleiste auf margin-left:-59px (bzw. bei absoluter Positionierung margin-left:0px).
halte ich für keine gute idee.
margin für den body ist sowieso etwas, was meinem logischen verständnis widerspricht, dem body einen aussenabstand zu geben halte ich für ziemlich seltsam.
setze lieber den margin für body auf 0, und verpasse allen weiteren elementen ausser deiner menüleiste ein margin-left von 59px.
gruss,
wahsaga
Hallo Wahsaga!
setze lieber den margin für body auf 0, und verpasse allen weiteren elementen ausser deiner menüleiste ein margin-left von 59px.
Wie von Dir empfohlen, habe ich die margin-lefts so umgestellt, daß das Koordinantensystem des Viewports (hab ich heute erstmals gelesen, diesen Ausdruck) ganz links oben beginnt.
Funktioniert jetzt alles!
Danke
Viennamade