N
nilsmoeller
Hallo, ich versuche ein 2-spaltiges CSS-Layout zu gestalten, mit einer Kopf- und einer Fuss-Note. Hier ein kurzer Überblick über die Struktur:
- KOPF
- RAHMEN ANFANG
----- LINKS
----- RECHTS
- RAHMEN ENDE
- FUSS
Das gelingt mir aber nur zum Teil.
Die einzelnen Container sind richtig ausgerichtet, das heist: oben der Kopf darunter die linke und rechte Spalte und darunter der Fuss, aber mit dem Rahmen habe ich Probleme. Er will sich einfach nicht optisch um die Spalten herumlegen.
Ich möchte gerne, dass der Rahmen als Behälter für ein gemeinsames Hintergrundbild für die linke und rechte Spalte funktioniert.
Ich könnte mir vorstellen, dass ich hier etwas mit "float" nicht richtig mache, aber ich habe bereits soviel probiert, dass ich vor lauter Bäumen den Wald nicht mehr sehe.
Wäre sehr nett, wenn mir hier jemand aushelfen könnte.
Hier die einzelnen Formatierungen (so, wie ich sie bereits geschrieben habe):
body {
margin: 0 0 20px 0;
color: #f00;
background: black;
font-size: 12px;
font-family: "lucida grande", geneva, arial, verdana, sans-serif;
text-align: center;
}
#KOPF {
width: 900px;
height: 110px;
margin: 0 auto;
padding: 0;
color: #f00;
background: #GREEN;
border-bottom: 15px solid white;
}
#RAHMEN {
width: 900px;
height: 100%;
margin: 0 auto;
padding: 0;
color: #f00;
background: WHITE;
border: 1px solid red;
}
#LINKS {
float: left;
width: 600px;
height: 100%;
margin: 0;
padding: 0 15px;
text-align: left;
background: BLUE;
}
#RECHTS {
float: left;
width: 210px;
height: 100%;
margin: 0;
padding: 0 15px;
text-align: left;
background: RED;
}
#FUSS {
clear: both;
width: 900px;
height: 32px;
font-size: .75em;
margin: 0 auto;
padding: 0;
color: #f00;
background: GREEN;
border-top: 15px solid white;
}
- KOPF
- RAHMEN ANFANG
----- LINKS
----- RECHTS
- RAHMEN ENDE
- FUSS
Das gelingt mir aber nur zum Teil.
Die einzelnen Container sind richtig ausgerichtet, das heist: oben der Kopf darunter die linke und rechte Spalte und darunter der Fuss, aber mit dem Rahmen habe ich Probleme. Er will sich einfach nicht optisch um die Spalten herumlegen.
Ich möchte gerne, dass der Rahmen als Behälter für ein gemeinsames Hintergrundbild für die linke und rechte Spalte funktioniert.
Ich könnte mir vorstellen, dass ich hier etwas mit "float" nicht richtig mache, aber ich habe bereits soviel probiert, dass ich vor lauter Bäumen den Wald nicht mehr sehe.
Wäre sehr nett, wenn mir hier jemand aushelfen könnte.
Hier die einzelnen Formatierungen (so, wie ich sie bereits geschrieben habe):
body {
margin: 0 0 20px 0;
color: #f00;
background: black;
font-size: 12px;
font-family: "lucida grande", geneva, arial, verdana, sans-serif;
text-align: center;
}
#KOPF {
width: 900px;
height: 110px;
margin: 0 auto;
padding: 0;
color: #f00;
background: #GREEN;
border-bottom: 15px solid white;
}
#RAHMEN {
width: 900px;
height: 100%;
margin: 0 auto;
padding: 0;
color: #f00;
background: WHITE;
border: 1px solid red;
}
#LINKS {
float: left;
width: 600px;
height: 100%;
margin: 0;
padding: 0 15px;
text-align: left;
background: BLUE;
}
#RECHTS {
float: left;
width: 210px;
height: 100%;
margin: 0;
padding: 0 15px;
text-align: left;
background: RED;
}
#FUSS {
clear: both;
width: 900px;
height: 32px;
font-size: .75em;
margin: 0 auto;
padding: 0;
color: #f00;
background: GREEN;
border-top: 15px solid white;
}