HTML, CSS - Puste Przestrzenie w tabeli - Mozilla.

Question

Witam, podczas tworzenia strony natknąłem się na pewien problem występujący jedynie w Mozilli:

W tabeli menu robią się jakieś dziwne puste przestrzenie, w Chromie tych przestrzeni nie ma. Dodam że Badanie Elemntu wykazało że te przestrzenie należą do tabeli menu. Poniżej zdjęcia. Można sprawdzić także samemu adres: ciekawostki.c0.pl. Jak to naprawić?

Screen Mozilla: http://imgur.com/a/Ldvbf

Screen Chrome: http://imgur.com/a/UgLF9

Comments

Wyzerowałeś style ?

---

To znaczy?

---

zerujesz domyśle style przeglądarki

* {
margin: 0;
padding: 0;
border: 0;
line-height: 1.4em;
vertical-align: baseline;
text-decoration: none;
outline: 0;
}

 

---

http://webroad.pl/html5-css3/424-resetowanie-domyslnych-ustawien-css

Dokładniej na ten temat

---

Zadziałało ale przestał działać znacznik <hr>

---

W każdej przeglądarce ?

---

Jedynie w Mozilli.

Answer 1

Aby <hr> zadziała musisz przywrócić tylko jemu domyślne style

hr {
    border-style: inset; /* wraca do domyslnych styli */
    border-width: 10px;
    border-color: red;
}

http://stackoverflow.com/questions/15637457/hr-doesnt-work-in-firefox

Tu masz źródło tego fragmentu