Blackylein
Erfahrenes Mitglied
Hi!
Ich hab ein Problem mit meinem dreispaltigen Layout. Das ganze sieht so aus, dass ich normal einen Header habe, darunter dann ein Bild und ein Menü. Dann kommt die Content Box, wo drei Spalten drin sein sollen. Das Problem ist, dass die drei Spalten nicht in einer Zeile sind und ich nicht verstehe wieso. Keine dieser Spalten soll irgendwie variabel sein von der Breite, ist alles fix.
Ich tüftel jetzt schon seit Tagen daran, hab einiges ausprobiert, finde aber einfach den Fehler nicht. Wäre euch echt dankbar, wenn ihr mir weiterhelfen könntet.
MfG
Bl4cky
Ich hab ein Problem mit meinem dreispaltigen Layout. Das ganze sieht so aus, dass ich normal einen Header habe, darunter dann ein Bild und ein Menü. Dann kommt die Content Box, wo drei Spalten drin sein sollen. Das Problem ist, dass die drei Spalten nicht in einer Zeile sind und ich nicht verstehe wieso. Keine dieser Spalten soll irgendwie variabel sein von der Breite, ist alles fix.
Code:
#content {
clear:both;
width:772px;
background-image:url(../images/bg.jpg);
background-repeat:repeat-y;
margin: 0 auto;
}
#links {
background-color:#000000;
float:left;
width:260px;
margin-left:20px;
z-index:1
}
#mitte {
background-color:#333333;
width: 250px;
margin-left:300px;
margin-right:150px;
z-index:2
}
#rechts {
background-color:#999999;
margin-left:600px;
width: 160px;
z-index:3
}
HTML:
<div id="content">
<div id="links">
<img src="images/banner_kaufparkaktuell.jpg" /><br /><br />-->
Das ist ein Blindtext! Das ist ein Blindtext! Das ist ein Blindtext! </div>
<div id="mitte">
<img src="images/banner_vereinsnews.jpg" /><br /><br />
Das ist ein Blindtext! Das ist ein Blindtext! Das ist ein Blindtext! </div>
<div id="rechts">
<img src="images/banner_magazin.jpg" /><br /><br />
Das ist ein Blindtext! Das ist ein Blindtext! Das ist ein Blindtext! </div>
</div>
Ich tüftel jetzt schon seit Tagen daran, hab einiges ausprobiert, finde aber einfach den Fehler nicht. Wäre euch echt dankbar, wenn ihr mir weiterhelfen könntet.
MfG
Bl4cky