Problemer med Doctype og CSS
Hej,Jeg har følgende css:
#TopBar {
position:relative;
left:0px;
top:0px;
background-image: url("../img/topbg.gif");
background-color:#3a4a70;
width: 750px;
height: 87px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom:0px;
}
#Menu {
position:relative;
left:0px;
top:0px;
background-image: url("../img/menubg2.gif");
background-color:#3a4a70;
width: 750px;
height: 20px;
padding-left: 30px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 2px;
}
#Indhold {
position:relative;
left:0px;
top:0px;
background-color:#efefef;
width: 750px;
height: 100%;
padding-left: 40px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
text-align:left;
og følgende kode:
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=ISO-8859-1">
<title><%=tangaTitle%></title>
<link rel="StyleSheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="TopBar">
</div>
<div id="Menu">
</div>
<div id="Indhold">
</div>
</body>
</html>
Den virker fint, og alle div´erne bliver 750px bredde...
Tilføjer jeg så doctype til dokumentet :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Så bliver de 2 nederste et stykke længere...
Hvad går der galt..??
/Anders
