Znalazłem też sposób na poprawne renderowanie:
1. otworzyć stronę w dwóch kartach (najlepiej w nowym oknie)
2. przełączyć na pierwszą kartę
I wtedy wszystko jest ok.
- Kod: Zaznacz cały
Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Nie mam włączonych żadnych dodatków. Inne przeglądarki wyświetlają tę stronę poprawnie (Opera, IE).
Strona poprawnie przechodzi walidację XHTML i CSS, a w Konsoli nie ma żadnych komunikatów. Inspektor DOM pokazuje tak jak być powinno. Błąd pokazuje się zarówno przy wyświetlaniu strony jako HTML i XML.
Najkrótszy kod potrzebny do reprodukcji:
- Kod: Zaznacz cały
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title></title>
<style type="text/css">
body > div {
position: relative;
}
body > div > div {
position: absolute;
}
li {
padding: 1%;
list-style: none;
background-color: #bbb;
border: 1px solid black;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
</style>
</head>
<body><div><div>
<p>Warto wstawić tu trochę tekstu, żeby rozszerzyć DIVa - padding LI stanie się widzialny. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec varius felis id nunc. Nam quis libero ut neque rhoncus mollis. Vestibulum orci. Sed ultricies nulla et arcu.</p>
<ul>
<li class="left">left - niestety nie ma padding</li>
<li class="right">right - ma padding</li>
<li class="left">left - niestety nie ma padding</li>
<li class="right">right - ma padding</li>
</ul>
</div></div></body>
</html>
Czy robię coś nie tak, czy to błąd w Firefoksie?