Forskydning i Opera og firefox.
HejNår jeg sætter DOCTYPE til XHTML 1.1 eller HTML 4.01 Strict dannes der et lille mellemrum mellem mit logo og bunden af den tabel dom den er i.
denne forskydelse forekommer kun i opera og firefox.
nogen der kan hjælpe?
Min kode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Moist.dk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="http://www.moist.dk/style.css" />
</head>
<body>
<table class="logotabel" cellpadding="0" cellspacing="0">
<tr>
<td class="logo"><img alt="Copyright 2004 Moist.dk" src="http://www.moist.dk/pics/logo.jpg" /></td>
</tr>
<tr>
<td class="menu">
<table class="menutabel" cellpadding="0" cellspacing="0">
<tr>
<td class="knap">
<div class="center"><img alt="" src="http://www.moist.dk/pics/menu-icon.jpg"/><a href="http://www.moist.dk/index.php"> Home </a></div>
</td>
<td class="knap">
<div class="center"><img alt="" src="http://www.moist.dk/pics/menu-icon.jpg"/><a href="http://www.moist.dk/info.php"> Info </a></div>
</td>
<td class="knap">
<div class="center"><img alt="" src="http://www.moist.dk/pics/menu-icon.jpg"/><a href="http://www.moist.dk/byen/byen.php"> I Byen </a></div>
</td>
<td class="knap">
<div class="center"><img alt="" src="http://www.moist.dk/pics/menu-icon.jpg"/><a href="http://www.moist.dk/event/event.php"> Events </a></div>
</td>
<td class="knap">
<div class="center"><img alt="" src="http://www.moist.dk/pics/menu-icon.jpg"/><a href="http://www.moist.dk/kontakt.php"> Kontakt </a></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table>
<tr>
<td class="cellemellemrum"></td>
</tr>
</table>
<table class="hovedtabel">
<tr>
<td class="left" valign="top">
</td>
<td class="hoved" valign="top">
<table class="overskrift2tabel">
<tr>
<td class="overskrift2" align="center"><p>Nyheder:</p></td>
</tr>
</table>
</td>
<td class="right" valign="top">
</td>
</tr>
</table>
</body>
</html>
Mit CSS:
BODY {
COLOR: #000000;
background-image: url('pics/background.gif');
}
P {
FONT-SIZE: 11px; FONT-FAMILY: verdana, tahoma, sans-serif;
}
h2 {
FONT-SIZE: 11px; FONT-FAMILY: verdana, tahoma, sans-serif; COLOR: red;
}
B {
FONT-SIZE: 12px; FONT-FAMILY: verdana, tahoma, sans-serif;
}
H1 {
FONT-SIZE: 12px; FONT-FAMILY: verdana, tahoma, sans-serif;
}
A {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana, tahoma, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none;
}
.text { font-family: verdana, tahoma, sans-serif; font-size: 8px; font-weight: normal; color: #000000; }
img {
margin: 0px;
border: 0px;
}
.center { text-align: center;
}
.logotabel {
margin: auto;
}
.menutabel {
margin: auto;
height: 1px;
}
.overskrift2tabel {
margin: auto;
}
.logo {
width: 770px;
height: 125px;
border-left: 1px solid #000000;
border-right:1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.menu {
width: 770px;
height: 1px;
BACKGROUND-COLOR: #878787;
border-left: 1px solid Black;
border-right: 1px solid Black;
border-top: 0px solid Black;
border-bottom: 1px solid Black;
COLOR: #FFFFFF;
}
.knap {
width: 100px;
height: 1px;
border: 0px solid Black;
}
.cellemellemrum {
width: 650px;
height: 1px;
border: 0px solid Black;
}
.cellemellemrum2 {
width: 132px;
height: 1px;
border: 0px solid Black;
}
.hovedtabel {
width: 772px;
margin: auto;
BACKGROUND-COLOR: #FFFFFF;
border-left: 1px solid #000000;
border-right:1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.hoved {
width: 472px;
height: 200px;
border-left: 1px solid #CFCECE;
border-right: 1px solid #CFCECE;
border-top: 0px solid Black;
border-bottom: 0px solid Black;
}
.left {
width: 150px;
height: 200px;
border: 0px solid Black;
}
.right {
width: 150px;
height: 200px;
border: 0px solid Black;
}
.overskrift {
width: 130px;
height: 1px;
border-left: 1px solid #000000;
border-right:1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
BACKGROUND-COLOR: #A086A2;
COLOR: #FFFFFF;
}
.overskrift2 {
width: 432px;
height: 1px;
border-left: 1px solid #000000;
border-right:1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
BACKGROUND-COLOR: #A086A2;
COLOR: #FFFFFF;
}
.loginfelt {
width: 20px;
height: 1px;
border-left: 1px solid #000000;
border-right:1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
BACKGROUND-COLOR: #A086A2;
COLOR: #FFFFFF;
}
.streg {
height: 1px;
border-left: 0px solid #CFCECE;
border-right:0px solid #CFCECE;
border-top: 0px solid Black;
border-bottom: 1px solid #CFCECE;
}
.byen1 {
width: 472px;
}
input { border-style: solid; border-width: 1px; background-color: #CFCECE; font-family: verdana, tahoma, sans-serif; font-size: 8px;}
select { border-style: solid; border-width: 1px; background-color: #CFCECE; font-family: verdana, tahoma, sans-serif; font-size: 8px;}
textarea { border-style: solid; border-width: 1px; background-color: #CFCECE; font-family: verdana, tahoma, sans-serif; font-size: 8px;}
