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.

[hwao]

użyj parametrow -x czyli np margin: -5px; i bedzie ok

[Zajec]

Będzie ok, ale tylko w Mozilli. Bo Opera i IE ten aktualny kod łykają tak jak sobie tego życzę. I o ile -5px naprawi problem przy Mozilli to w Operze i IE nazwa działu będzie za wysoko.

[Zbłąkany]

Strona jest w php robiona to moze dorzuc jakas funkcje ktora jak wykryje przegladarke mozilla to zmieni odpowiednie parametry??

[Paul]

Strona jest w php robiona to moze dorzuc jakas funkcje ktora jak wykryje przegladarke mozilla to zmieni odpowiednie parametry??

$_SERVER['HTTP_USER_AGENT'];

PS. zobacz pare cm do gory - tam pisze moj UserAgent...

[Zbłąkany]

Paul chyba sie nie zrozumielismy chodzilo mi o to ze jak wykryje mozille to da te 5 px ktore zalatwia sprawe a jak cos innego to zostawi to co jest

[Paul]

Moze nadal sie nie rozumiemy, ale mi chodzilo o cos takiego
[php:1:66d8e935c9]<?php
if(strpos($_SERVER['HTTP_USER_AGENT'],'Gecko') != -1){
echo 'style="margin-bottom: -5px;"';
}else{
echo 'style="margin-bottom: -4px;"';
}
?>[/php:1:66d8e935c9]

[Zbłąkany]

O tym samym myslalem przepraszam moj blad 8)

[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.

[cagrET]

Moze nadal sie nie rozumiemy, ale mi chodzilo o cos takiego :)
[php:1:9fb0e3591e]<?php
if(strpos($_SERVER['HTTP_USER_AGENT'],'Gecko') != -1){
echo 'style="margin-bottom: -5px;"';
}else{
echo 'style="margin-bottom: -4px;"';
}
?>[/php:1:9fb0e3591e]

Czemu od razu php używać ? Nie łatwiej w samym CSS ?

Kod

.tresc_nazwa {

    /* dla wszystkich przegladarek oprocz IE i Mozilli */

}

* html .tresc_nazwa {

    /* dla IE  */

}

html>body .tresc_nazwa {

    /* dla Mozilli */

}

[e-Gandalf]

nie latwiej, bo to bardzo miekki grunt. Mozilla poprawia bledy, i istnieje gdzies tam nadzieja, ze za kilka lat IE tez to zrobi.
Wiec imho lepiej robic pod standard i liczyc ze browsery go zastosuja

[cagrET]

Oczywiście, zgadzam się. Ale ja zwróciłem uwagę na coś zupełnie innego ;-) Jeśli ktoś robi różne różne style pod różne przeglądarki to lepiej to zrobić z poziomu CSS niż php.