Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: top ; margin-top ; padding-top ? Mozilla
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
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 tongue.gif
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
Cytat
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 smile.gif 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 smile.gif
Paul
Moze nadal sie nie rozumiemy, ale mi chodzilo o cos takiego smile.gif
[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 smile.gif 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
Cytat
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 winksmiley.jpg
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.