fejl i html kode
Hejsa jeg er igang med at opbygge min side da jeg så pludselig ser at jeg har problemer når jeg viser siden.. i firefox viser den siden perfekt men lige så snart jeg ser den i explorer så er det en height som ikke passer.. det er bedst hvis i selv ser fejlen men det handler om table 3 den skal være 5px men den vil bare ikke være det.. nogen som kan rette fejlen???<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<style type="text/css">
body {
background-image: url(billeder/bg.gif);
margin: 0px 0px 0px 0px;
padding: 0;
}
#bigtable {
line-height: 0;
height: 900px;
width: 700px;
position: absolute;
padding:0;
left: 50%;
margin-left: -350px;
}
#table1 {
line-height: 0;
height: 50px;
}
#table2 {
line-height: 0;
height: 20px;
}
#table3 {
height: 5px;
line-height: 0;
display: block;
padding: 0;
border: 0;
}
.table3-td1 {
line-height: 0;
float: left;
padding: 0;
border: 0;
height: 5px;
width: 5px;
}
.table3-td2 {
background: #FFFFFF;
line-height: 0;
float: left;
padding: 0;
border: 0;
height: 5px;
width: 542px;
}
.table3-td3 {
background: #fe4e92;
line-height: 0;
float: left;
padding: 0;
border: 0;
line-height: 0;
height: 5px;
width: 133px;
}
#table4 {
line-height: 0;
display: block;
height: 700px;
}
.table1-td1 {
line-height: 0;
background-color: #FFFFFF;
border: 0;
float: left;
padding: 0;
height: 700px;
width: 552px;
}
.table1-td2 {
line-height: 0;
border: 0;
float: left;
padding: 0;
height: 700px;
width: 5px;
}
.table1-td3 {
background-color: #FFFFFF;
line-height: 0;
border: 0;
float: left;
padding: 0;
height: 700px;
width: 143px;
}
#table5 {
height: 5px;
line-height: 0;
}
#table6 {
height: 25px;
line-height: 0;
}
#table7 {
height: 95px;
line-height: 0;
}
</style>
</head>
<body>
<div id="bigtable">
<div id="table1"></div>
<div id="table2"></div>
<div id="table3">
<div class="table3-td1"><img src="billeder/leftcorner.gif" /></div>
<div class="table3-td2"></div>
<div class="table3-td1"><img src="billeder/rightcorner.gif" /></div>
<div class="table3-td1"></div>
<div class="table3-td1"><img src="billeder/cornorpinkleft.gif" /></div>
<div class="table3-td3"></div>
<div class="table3-td1"><img src="billeder/cornorpinkright.gif" /></div>
</div>
<div id="table4">
<div class="table1-td1"></div>
<div class="table1-td2"></div>
<div class="table1-td3"></div>
</div>
<div id="table5"></div>
<div id="table6"></div>
<div id="table7"></div>
</div>
</body>
</html>
