For ikke så længe siden var her et spørgsmål der drejede sig om
problemer med at IE5 opfatter css box modellen forkert, dvs.
inkluderer padding, margin og border i "width" (således at
"width" bliver summen af content width, padding, margin og
border) i stedet for (som er korrekt) kun at opfatte "width" som
content width (altså uden padding, margin og border). Løsningen
på problemet var dels at undlade xml prologen inden doctype
erklæringen, dels (specielt med henblik på IE5) at gøre brug af
en særlig parsing error bug i IE5, altså simpelthen skrive noget
forkert kode ind i sit css. Denne løsning er "opfundet" af Tantek
Celik og er beskrevet her:
http://www.tantek.com/CSS/Examples/boxmodelhack.html
Jeg har forsøgt mig med denne løsning, men har misforstået et
eller andet, for det virker forkert. Min løsning kan ses på
www.dahr.dk/Web/BoxModelHack.html . Det er miningen at der skal
være to bokse der flugter lodret. Det ser også fint ud i IE6 men
i IE5 (som jo det hele drejer sig om) forsvinder den nederste
boks simpelthen. Her er koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<style type="text/css">
#nobug {
width:200px; height:100px; background-color:#ffcc00; border: 3px
solid blue;
}
#bug {
width:206px; voice-family:"\"}\""; voice-family:inherit;
width:200px; height:100px; background-color:#ccff00; border: 3px
solid blue;
}
</style>
</head>
<body style="margin:20px">
<div id="nobug"> </div>
<div id="bug"> </div>
<p> </p>
<p> </p>
</body>
</html>
-----------------
Hvordan skal det se ud, hvis det skal fungere?
/mik
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials