top ; margin-top ; padding-top ? Mozilla Opcje

[Zajec]

Na stronce tuż nad treścią działu znajduje się jego nazwa. (ta pisana kwadratowatym fontem)

Kłopocik mój tkwi w tym, że Mozilla dodaje sobie kilka px i brzydko to pod nią wygląda.

Część kodu css div'a z nazwą działu:

Kod

.tresc_nazwa {

position: relative;

padding-top: 6px;

width: 207px;

height: 9px;

text-align: center;

}

Czy spotkaliście się z podobnym czymś?
Od siebie dodam, że jak dałem powyższemu div'owi background-color to zauważyłem, że znajduje się on na właściwym miejscu. Jedynie text umieszczany w nim ucieka kilka px poza niego.

Jeśli potrafilibyście temu zaradzić, proszę o wskazówki.

[Zajec]

I już mam powód, dla którego nie warto było stosować powyższego rozwiązania.

Wyszła Opera 7.50 i zaczęła wyświetlać stronę tak samo, jak to robi Mozilla - czyli z obniżoną nazwą działu.

Jak się okazuje wszystkie 3 przeglądarki mają inne domyślne wartości dla line-height. W momencie gdy ustawiłem w tym jednym małym DIV'ie - który zawiera nazwę działu - line-height na 0 - wszystko zaczęło ładnie wyglądać.

Innym rozwiązanim jest ustawienie font-size na jakąś niską wartość. Jest to dla mnie niezrozumiałe, ponieważ nie mam żadnej litery, ani nawet żadnej spacji w kodzie - pomiędzy <div> , <img> i </div> - ale to również pomaga.