Hallo,
also ich hab in IE 7 eine andere Darstellung als in den Anderen Browsern, Firefox, Opera, Safari.
Und zwar will ich 2 divs untereinander darstellen:
css:
Im IE macht es mir da einen Abstand zwischen #siteContent und #siteHeader
aber ich weis nicht wieso... (Siehe Screenshot im Anhang)
kann mir jemand weiter helfen?
also ich hab in IE 7 eine andere Darstellung als in den Anderen Browsern, Firefox, Opera, Safari.
Und zwar will ich 2 divs untereinander darstellen:
HTML:
<body>
<div id="siteContainer">
<div id="siteHeader" >
<div id="siteLogo">
<img src="images/Site/logo.png" alt="SPG Axams / Götzens" />
</div>
<div id="siteHeaderTop" ></div>
<div class="siteClearer"></div>
</div>
<div id="siteConent">
asd
</div>
<div id="siteFooter"> Copyright © 2009 SPG Axams / Götzens
<span style="margin:100px;"><a href="impressum.php"> Impressum </a> | <a href="copyright.php">Copyright</a> | <a href="Kontakt">Kontakt.php</a></span>
</div>
</div>
<div id="siteRightContainer" >
</div>
<div class="siteClearer"></div>
</body>css:
Code:
html, body
{
margin: 0;
padding: 0;
background-color:#FFF500;
background-image:url(../../images/Site/gelbblau.png);
background-repeat:repeat-x;
background-position: left top;
}
#siteContainer
{
width: 800px;
height: 700px;
float:left;
}
#siteLogo
{
float:left;
width:110px;
border:0;
margin:0;
}
#siteHeaderTop
{
float:left;
background-image:url(../../images/Site/top.png);
width:690px;
height:140px;
margin:0;
display:block;
}
#siteConent
{
margin:0;
background-color:#FFFFFF;
width:800px;
height:660px;
background-image:url(../../images/Site/contentbackgroung.png);
border-bottom: #143A80 1px solid;
}
#siteHeader
{
}
#siteFooter
{
background-image:url(../../images/Site/footerbackground.png);
background-repeat:repeat-y;
padding-top:3px;
padding-bottom:3px;
padding-left: 110px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#siteFooter a:link, #siteFooter a:visited
{
color:#143A80;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}
#siteFooter a:hover
{
color:#0094FF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}
#siteRightContainer
{
float:left;
width: 200px;
height: 300px;
margin-top:100px;
}
.siteClearer
{
clear:both;
}Im IE macht es mir da einen Abstand zwischen #siteContent und #siteHeader
aber ich weis nicht wieso... (Siehe Screenshot im Anhang)
kann mir jemand weiter helfen?
