Skal det virke eller skal man overholde standarterne
De kvikke vil nok sige begge dele...og det synes jeg egentlig også kunne være rart, men...Jeg er igang med en side hvor jeg har forsøgt at gøre mig umage med at holde mig til W3's standarder. Så er det lidt belastende at skidtet så ikke virker ordenligt i Opera.
Problemet opstår når en div ligger inden i en anden hvor der er scroll.
Et lille eksempel her: (eller tryk på link under)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test</title>
<style type="text/css">
#layer1
{
position:relative;
width:600px;
height:400px;
left:0px;
top:0px;
overflow:auto;
border: solid 1px blue;
}
#layer2
{
position:absolute;
width:200px;
left:5px;
top:5px;
border: solid 1px red;
}
</style>
</head>
<body>
<table border="0" width="600" cellspacing="0" cellpadding="0" align="center" style="">
<tr>
<td width="600" style="">
<div id="layer1">
<div id="layer2">
masser af tekst <br>masser af tekst <br>ma
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
Kan også findes her http://www.unique-ami.dk/test2.html
Det lille eksempel validerer fint og virker efter hensigten i såvel firefox som IE.
I opera er det dog en anden sag. Så længe jeg bruger en doctype (har forsøgt mig med mange) fejler den. Fjerner jeg doctype virker det som i de andre browsere.
Forudsat at jeg ikke har lavet en fejl, hvad skal jeg så. Skide på Opera eller W3 og deres standarder??
