Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html>
<head>
<title>TEST</title>
</head>
<body>
<div style="position:absolute;left:10px;top:10px;width:500px;height:100px;background:#f00">Kontener
<div style="position:absolute;left:0px;top:20px;width:100px;height:60px;background:#0f0">Obszar 1</div>
<div style="position:absolute;left:100px;right:0px;top:20px;width:auto;height:60px;background:#00f">Obszar 2</div>
</div>
</body>
</html>
<html>
<head>
<title>TEST</title>
</head>
<body>
<div style="position:absolute;left:10px;top:10px;width:500px;height:100px;background:#f00">Kontener
<div style="position:absolute;left:0px;top:20px;width:100px;height:60px;background:#0f0">Obszar 1</div>
<div style="position:absolute;left:100px;right:0px;top:20px;width:auto;height:60px;background:#00f">Obszar 2</div>
</div>
</body>
</html>
W FF2 wszystko wyświetla się zgodnie z oczekiwaniami. tzn Obszar 2 dopełnia szerokość Kontenera
W IE6 natomiast szerokość Obszaru 2 to szerokość wpisanego tekstu - width:auto jest ignorowane.
Wiem, że IE6 tak się zachowuje w trybie Quirks ale nie widzę przyczyny dla której miałby się ten tryb włączyć...
Zna ktoś przyczynę tego zachowania? A może zna sensowane rozwiązanie...?
Pozdrawiam wszystkich, Leszek.