MozillaPL.org - polskie centrum Mozilli

Główne menu:

Źle wyświetlany padding

Dyskusje na temat standardów WWW i zgłoszenia stron niedziałających poprawnie w przeglądarkach z rodziny Mozilli (w tym Mozilla Firefox)

Moderator: Pomocy?!

Źle wyświetlany padding

Postautor: zoz » 29 grudnia 2006, 15:38

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Witam. Mój problem polega na tym, że na stronie (kod poniżej) elementy listy wyśrodkowane do prawej mają ustawiony padding, natomiast te do lewej go nie mają, chociaż powinny.

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?
zoz
 

Postautor: athantor » 30 grudnia 2006, 02:18

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9a2pre) Gecko/20061229 Minefield/3.0a2pre

Chyba ten. A tak w ogóle, to WFM ;-)
Obrazek Obrazek
athantor
 
Posty: 911
Z nami od: 24 grudnia 2002, 15:22
Lokalizacja: Białystok

Postautor: zoz » 30 grudnia 2006, 13:39

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

To ten błąd (trzeba dodać tekstu, żeby się zawijał lub wstawić DIVa do LI).

Czyli w 3.0 to poprawili... Thx.
zoz
 

Postautor: athantor » 30 grudnia 2006, 13:59

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9a2pre) Gecko/20061230 SeaMonkey/1.5a

Generalnie poprawili/poprawią w Gecko 1.9.

Ten simonkej też wyświetla dobrze.
Obrazek Obrazek
athantor
 
Posty: 911
Z nami od: 24 grudnia 2002, 15:22
Lokalizacja: Białystok


Wróć do Standardy WWW i źle działające strony

Kto jest online

Zarejestrowani użytkownicy: Bing [Bot], Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: