Css og alignment.
Hej.Jeg har dette css:
body{
background-color : #DADBDA;
height: 100%;
width: 100%;
margin-top: 0px;
}
html{
height: 100%;
width: 100%;
margin-top: 0px;
}
.centeraligninie{
width: 100%;
margin: 0px;
text-align: center;
}
.container{
width; 970px;
text-align: left;
}
.top{
width: 970px;
margin: auto;
margin-top: 0px;
}
.imgtop{
margin-top: 0px;
}
og dette XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Fjappe.dk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">@import url('styles.css');</style>.
</head>
<body>
<div class="centeraligninie">
<div class="container">
<div class="top">
<div class="imgtop"><img src="img/top01.gif" height="16" width="970" alt="" /></div>
<div class="imgtop"><img src="img/top02.gif" height="101" width="970" alt="" /></div>
<div class="imgtop"><img src="img/top03.gif" height="20" width="970" alt="" /></div>
</div>
</div>
</div>
</body>
</html>
Hvorfor er det lige at der imellem mine tre billeder er et mellemrum i mozilla.. men ikke i IE ?
Jeg vil da mene at det er det jeg har afhjulpet i mit css. Tilsyneladende ikke. Nogle bud?
