Doctype ødelægger css
Det er meget mystisk, hvis jeg bare har dette stående øverst i mit html dokument:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//DA">
så virker css-stylen helt fint. (Laver en custom scroll). Men hvis jeg skriver det som det RIGTIG skal være:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//DA"
"http://www.w3.org/TR/html4/loose.dtd">
så virker mit css ikke. Det er yderst mystisk.
Min kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//DA">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Filmsiden</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="film">
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
</div>
<div class="picture">
<img alt="id134" src="id134.jpg">
</div>
</body>
</html>
style.css
.film {
width:300px;
height: 95%;
position: absolute;
background-color:#FFFFFF;
overflow:auto;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
float:left;
}
.picture {
width:300px;
left: 350px;
height: 95%;
position: absolute;
overflow:auto;
background-color:#FFFFFF;
float:left;
}
