Gøre udgangspunkt ens i alle browsere
Når man ser en webside i forskellige browsere, vises siden som regel forskelligt. De har forskellig top- og left-margin. MSIE kan godt sætte 100% height på body, men det vil Mozilla ikke osv osv osv...Nu har jeg følgende, som er et forsøg på at gøre udgangspunktet ens i både MSIE 5.5 og opefter, Opera samt Mozilla.
------------------------------------------------------
<html>
<head>
<style type="text/css">
html { margin : 0px;
border : solid green 3px;
}
body { margin : 0px;
padding : 0px;
height : 100%;
border : solid red 3px;
}
</style>
</head>
<body>
<table width="100%" border="1">
<tr>
<td width="100%" valign="top">
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</td>
</tr>
</table>
</body>
</html>
------------------------------------------------------
Koden har nogle enkelte forskelle.
1) I MSIE ligger HTML og BODY margin oven i hinanden. Dette er ikke noget problem, da de jo bare kan sættes til 0px, og så vil der ingen forskel være.
2) Mozilla nøjes ikke med at sætte felterne til 100%, men lægger margin oven i de 100%, så dokumentet fylder f.eks. 102%, hvilket gør at der kommer en scrollbar. Igen kan dette løses når man sætter HTML og BODY margin ned til 0px.
3) Den sidste og værste: Opera sætter luft ind i bunden af både HTML og BODY, så de ikke ligger helt sammen, og dokumentets indhold ikke kan nå helt ned til bunden af browseren.
Eventuelle løsninger til 1) og 2) er velkomne, men ikke vigtige. De 60 point er for en løsning til 3) og så smider jeg gerne særskilt point efter løsninger til 1) og 2)
