Hallo,
ich bin echt am verzweifeln.
Da hab ich nun das 3-spaltige Layout mit Header, Footer und Content sowie Links und Rechts hinbekommen und im Internet Explorer 6 sieht alles super aus, aber im Firefox verschiebt er alles. Im Firefox wird alles was nach dem div=right kommt nicht unten, sondern am rechten Bildrand angezeigt. Wo liegt mein Fehler bzw. ist das wieder so ein Brwoserbug vom IE oder Firefox!?
Hier mein Code:
Code:
<div id="container">
<div id="logo"></div>
<div id="wrapper">
<div id="content"></div>
</div>
<div id="links"></div>
<div id="rechts"></div>
<div id="bottomspacer"></div>
<div id="footer"></div>
</div>
dazu noch die CSS Datei:
Code:
#container{
background: #ffffe0 url(xy.jpg);
text-align:left;
background-color: #FFFFFF;
width:1000px;margin:0 auto
}
#logo{
height: 79px;
width: 630px;
}
#bottomspacer{
height: 33px;
width: 1000px;
}
#footer{
height: 66px;
width: 1000px;
background: #ffffff url(rz.jpg) no-repeat;
text-align: center;
font-size: 80%;
p {margin:0; padding:5px 10px}
clear:left;
width:100%
}
#content{
margin: 0 190px;
padding: 0px;
height: 500px;
background-color: #F0F0F0;
p{line-height:1.4}
}
#rechts{
float:left;
width:190px;
margin-left:-190px;
font-size: 100%;
text-align: left
}
#links{
float:left;
width:190px;
margin-left:-1000px
}
#wrapper{
float:left;
width:100%;
background: #ffffe0 url(gh.jpg)
}
Kann mir irgendjemand einen Tipp geben, warum der Firefox den bottomspacer und den footer nach rechts aus dem Bild schieben!? Ich weiß es nicht :-/
MfG Andreas