border beregning
Det lader til at den samlede bredde af en <div> med borders beregnes forskelligt i IE 6 og IE 5. Se her:<!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" />
</head>
<body style="margin:20px">
<div style="width:200px; height:100px; background-color:#ffcc00;"> </div>
<div style="width:194px; height:100px; background-color:#ccff00; border: 3px solid blue;"> </div>
</body>
</html>
Tjek evt. her: www.dahr.dk/Web/borders.html
Dette bliver rigtigt i IE 6: De to <div>'er flugter vertikalt. Da div 2 samlet har 6px border i bredden skal der trækkes 6px fra div'ens width for at få dem til at flugte.
Men i IE 5 flugter de ikke. Div'en uden borders bliver breddere samlet end div'en med, fordi div width er forskellig. Her skal borders ikke tages med i den samlede bredde, og width skulle sættes til 200px i begge div'er for at flugte.
Hvordan kommer man omkring dette så de to <div>'er kommer til at flugte vertikalt både i ver. 5 og 6?
