CSS virker forskelligt i IE og Firefox
Jeg kan få min hjemmeside til at se pæn ud i IE, men der sker et eller andet med min top margin i Firefox og jeg forstår det ikke.Mit html ser sådan ud:
<body>
<div class="TopLogo"><a href="#"><img src="banner.png" alt="Tryk for at komme til startsiden" width="800" height="129" class="LinkImg" /></a></div>
<div class="Navigation">menu</div>
<div class="Content">
<div class="ContentText">
Indhold
</div>
</div>
<div class="ContentFooter"></div>
<div class="Footer"><img src="Footer.png" width="800" height="43" /></div>
</body>
</html>
Og mit css ser således ud:
@charset "utf-8";
body {
color:black;
background:url(../images/bg.png);
background-repeat:repeat-x;
background-color:#7fa7c4;
text-align:center;
}
.Content {
background-color: #ffffff;
background-image:url(../images/Tablebg.png);
background-repeat:repeat-x;
height:auto;
width:800px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin:0 auto;
margin-top:0px;
padding-top:0px;
}
.ContentFooter {
background-image:url(../images/TablebgFooter.png);
background-repeat:repeat-x;
height:20px;
width:800px;
margin:0 auto;
}
.Footer {
}
.ContentText {
margin-left:10px;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;
}
.Navigation {
background-color: #ffffff;
height:auto;
width:800px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin:0 auto;
}
.LinkImg {
border:none;
}
.TopLogo {
border:0;
display:inline;
}
Er der nogle der kan gennemskue hvad jeg gør galt?
