Hi, ich habe ein kleines Problem und vielleicht kann mir ja einer von euch bei der Lösung behilflich sein.
Ich habe mehrere Div-Container, einen für den Header, einen für den Content und einen für den Boarder.
Diese sind alle durch magin: 0, auto, 0, auto; zentriert.
Jetzt ist es jedoch so, das ich außerhalb dieser Div's links und rechts ein Background-Image haben möchte, welche sich per Background-Repeat: repeat-x; über die beieden linken und rechten seiten erstecken.
Das ist aber durch margin nicht möglich, da es ja den kompletten freiraum nutzt, ich habe es mit einer table versucht, jedoch nimmt Chrome dies nicht an, muss jedoch zwingen browser übergreifend gleich bleiben.
Vielleicht hilft euch der Code und dieses Bild um zu verstehen was ich meine:
und natürlich die css:
Alles anzeigen
[Blockierte Grafik: http://img408.imageshack.us/img408/778/unbenannt1zk.jpg]
Ich habe mehrere Div-Container, einen für den Header, einen für den Content und einen für den Boarder.
Diese sind alle durch magin: 0, auto, 0, auto; zentriert.
Jetzt ist es jedoch so, das ich außerhalb dieser Div's links und rechts ein Background-Image haben möchte, welche sich per Background-Repeat: repeat-x; über die beieden linken und rechten seiten erstecken.
Das ist aber durch margin nicht möglich, da es ja den kompletten freiraum nutzt, ich habe es mit einer table versucht, jedoch nimmt Chrome dies nicht an, muss jedoch zwingen browser übergreifend gleich bleiben.
Vielleicht hilft euch der Code und dieses Bild um zu verstehen was ich meine:
und natürlich die css:
Quellcode
- * {
- border:0px;
- margin:0px;
- padding:0px;
- }
- div {
- border-left:1px;
- border-right:1px;
- border-left-style:solid;
- border-right-style:solid;
- border-left-color:#000;
- border-right-color:#000;
- }
- div#website {
- border:0px;
- width:900px;
- height:auto;
- margin-left:auto;
- margin-right:auto;
- }
- div#header_box {
- width:900px;
- margin-top:0px;
- margin-right:auto;
- margin-left:auto;
- }
- div#content_box {
- width:900px;
- height:400px;
- }
- div#boarder {
- width:900px;
- height:3px;
- background-color:#7e2a2f;
- margin-right:auto;
- margin-left:auto;
- }
[Blockierte Grafik: http://img408.imageshack.us/img408/778/unbenannt1zk.jpg]