Div mit 100% breite - Darstellungsfehler

[ldb]

Hallo liebe HTMLer und CSSler,

Ich habe nach der gestrigen sehr komplizierten Frage eine etwas einfachere:

Ich habe auf dieser Seite Workbook Lukas Bieri einen blauen Balken, (div id "banner") der die breite 100% hat. Das funktioniert auch ganz gut, bis ich das Fenster kleiner als die eigentliche Seite ziehe- beim scrollen nach rechts geht der Balken nur noch bis an den rechten Rand der ursprünglichen scrollposition.

Zur Illustration hier ein Bild:


Ich habe es auch schon ohne width:100% versucht, das Ergebnis war das gleiche.

Kann mir einer von euch vielleicht helfen?

Ich danke euch schon jetzt für eure wertvollen Tipps!

Liebe Grüsse,

Lukas

 

[Cheffchen]

Hallo,

mach mal einfach

body {width: 1020px;}

Cheffchen

 

[threadi]

Oder

body { position: absolute; }

Aber einem <div> auch noch 100% Breite zu geben macht wenig Sinn. Als Blockelement nimmt es sowieso 100% Breite ein.

 

[ldb]

Hallo ihr beiden, danke für eure Antworten. Eure Lösungen beheben zwar den Fehler, verursachen aber einen neuen: Der gesamte body ist nicht mehr zentriert. Gut, das lässt sich schnell beheben. Allerdings ist der banner jetzt nur noch so breit wie der body- ich möchte ihn aber gerne so breit wie das gesamte Fenster haben.

Danke für weitere Lösungen :)

 

[Cheffchen]

hallö,

dann hast ganz falsch angefangen und hättest nicht mit festen breiten arbeiten müssen.
was soll der Browser machen wenn sagst 1020 breit aber nur 800 platz?
oder musst halt mit mediaquery arbeiten.

cheffchen