|
|||
100% Breite + Layer mit fester Breite + Scrollen
Hi all!
Hab ein Problem mit 100% Breite. Hab einen Layer (header), der auf width=100% ist. Dem Layer ist ein 1px breiter background-image, der auf repeat-x gesetzt ist, zugewiesen. Darunter befindet sich der content Layer, der eine feste Breite von 800px hat. Wenn man jetzt das Browser-Fenster schmaler skaliert (z. B. 500px breit), taucht unten ein Scroll-Balken auf. Wenn man jetzt nach rechts scrollt, bleibt der header so breit, wie das Browser-Fenster (500px) und neben dem Layer taucht ein weisser Rand auf. Und genau das ist das Problem. Ich möchte das so hinbekommen, das der Layer beim Scrollen trotzdem in der Breite fensterfüllend ist. Ich hoffe, das war jetzt verständlich genug. Ich habe ein Beispiel online gestellt. Da kann man das Problem genau sehen. http://repro.cue-webdesign.de/filead...l/template.htm Hier noch der vollständige Code der Seite: HTML: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Reprocourier</title> <link href="css/reprocourier.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header">[img]images/logo.gif[/img]</div> <div id="content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p> </div> </body> </html> Code:
body { margin: 0px; padding: 0px; } #header { width:auto; background-image: url(../images/bg_header.gif); background-repeat: repeat-x; height: 93px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #AD6565; } #logo { float: right; margin-right: 50px; } #content { height: 300px; width: 800px; } Habs schon mit suchen im Forum probiert, aber leider nichts vernünftiges gefunden. Vielen Dank Russian |
Sponsored Links |
|
|||
Für standard-konforme Browser:
#header {min-width:800px;} Den IE entweder ignorieren oder mit Tricks nachhelfen, z.B. dem von Stu Nicholls. Grüße fricca |
Sponsored Links |
|
|||
hi
danke für die antwort. im firefox funktioniert deine lösung wunderbar. für den ie habe ich die lösung von stu nichols ausprobiert. leider ohne erfolg. irgendwie funzt es nicht. hat jemand vielelicht noch ne andere lösung? vielen dank russian |
|
|||
hast Du bei Stu nichols Lösung den korrekten Doctype mit übernommen?
|
|
|||
ja, weil in 1.1 Sonderdefinitionen im Header möglich sind, die Stu einsetzt um kompatible Lösungen zu erreichen. Zumindest in diesem Beispiel, wurde das so gemacht: http://www.stunicholls.myby.co.uk/menus/dropdown.html
|
|
|||
ich hab grad nachgeschaut...bei min-width for ie ist der header standartkonform (also ohne sonderdefinitionen)
ich werde das aber heute noch mit 1.1 ausprobieren, obwohl ich galube, das diese lösung auch mit 1.0 funktionieren müsste |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
div über volle Breite innerhalb eines divs mit fester Breite möglich? | philippsen | CSS | 1 | 24.11.2013 19:28 |
Rechte Spalte mit fester Breite; die linke Spalte der Rest zu 100 % | web334 | CSS | 21 | 16.06.2012 17:27 |
Variable Breite mit fester Breite vermischen | vertex | CSS | 11 | 16.10.2006 14:22 |
flexibles Div soll Div mit fester Breite links umfliessen? | braindead | CSS | 3 | 23.09.2006 13:58 |
Zwei Divs nebeneinander Floaten, einer mit fester Breite | Phil | CSS | 0 | 20.07.2004 20:48 |