Hallo liebe Community,
ich habe mal wieder eine Frage zu einem Thema, wo ich mir denke, dass die Lösung recht einfach sein muss, aber ich steh da echt grad aufn Schlauch.
Hier habe ich die DIV´s unterschiedlich eingefärbt, um alles besser zu erkennen.
Was will ich eigentlich?
Nunja, die Seite soll eine gute alte statische Seite werden (bitte nicht hauen, wird extra so gewünscht), ich kann jedoch keine einheitlich Hintergrundfarbe verwenden, da es ein paar Balken gibt die die gesamte Bildschirmbreite einnehmen sollen.
Von daher habe ich mir bisher damit abgeholfen, zB beim #header und beim #footer
Code:
#header {
width:100%;
background-color:#58585a;
}
#header .inside {
width:960px;
margin:0 auto;
}
was auch wunderbar funktioniert.
Nur beim Container will das nicht funktionieren, hier mal der code dazu:
Code:
#container {
width:100%;
background-color:#abcdef;
}
#container .inside {
width:960px;
margin:0 auto;
}
#main {
background-color:#00f;
}
#right {
background-color:#0f0;
}
Dass die rechte Spalte 200px hat, habe ich in den Layouteinstellungen schon eingestellt, und auch wenn ich hier dem #main noch 760px zuweise, wird die Mainspalte doch zu 100% Breite ausgegeben und die rechte Spalte klebt da ausserhalb des Containers noch dran. Diese sollte doch eigentlich auch innerhalb des "#container .inside" liegen, den ich eigentlich auf 960px begrenzt habe?
Kann mir hier jemand auf die Sprünge helfen?
Vielen Dank
Edit: wenn ich #main die 760px zuweise, dann wird der innere Container zwar schon mit 960px dargestellt, aber nicht mehr zentriert.
Edit 2: Peinlich grad gemerkt, dass es "#container .inside" ja garnicht gibt. Hmm aber wie kann ich nun trotz der width: 100% des #container´s die 2 Inhaltscontainer zentrieren?
Lesezeichen