Mam problem i nie mam pojecia jak sie go pozbyc. Mam diva o wysokosci 5 px rozciagnietego na 100% width. dalem mu w stylach background-image: url('obrazek.jpg');
obrazek takze ma wysokosc 5 px. W FF wszystko jest ok, ale oczywiscie w IE jest problem. IE dodaje nieusuwalny padding-bottom. W efekcie mam tak ze 2px wyzszego diva i obrazek sie powtarza u dolu.
Chodzi mi o IE 6. Staram sie dostosować strone do wiekszosci przegladarek. (nienawidze IE :P)
dla IE < 8 zwyklo sie pisac oddzielny css i dodawac tweirdzenie warunkkowe
szczegolnie jak uzywamy div'ow czy pozycjonowania.
tak jest latwiej niz starac sie wyeliminowac wszystko jednym css'em.
Jesteś pewien że to padding? W ie nie zmniejszysz wysokości div'a do mniejszej, niż rozmiar czcionki - ustaw font-height, line-height na 1px i powinno rozwiązać problem.
Tak właśnie robie - chodzi o osobny css. Tylko nie moge znaleźć rozwiązania dla IE. Wnioskuje, że to padding-bottom, bo co innego:P W divie nie mam żadnej czcionki. Także nie pomogło line-height.
Czcionkę masz ustawioną na pewno - nie można mieć diva bez czcionki. Ustaw font-size na 1px to się zmniejszy. Jeśli to nie pomoże, to masz coś namieszane w stylach. Zawsze font-size i line-height rozwiązywało problem zbyt dużej wysokości diva pod ie6.
Miałem na myśli, że w divie nie ma żadnych napisów. No pomaga ustawianie rozmiarow czcionki i odstepow miedzy liniami. Mialem wczesniej taki problem z tagiem img ale wystarczylo dac float left albo right i problem znikal. tutaj nie da rady:/
overflow:hidden. to nie żaden padding, IE 6 po prostu rozciąga wysokość diva do wysokości ustawionej dla niego czcionki, wystarczy, że w środku div trafi się enter, tab czy spacja.
@nav: mylisz się. wielkość czcionki nie zawsze rozwiązuje ten problem, zwłaszcza, że czasem nie da się ustawić na mniej niż 4px. overflow:hidden i tyle.
Grejt:) overflow to dobry pomysl:) Podzialalo dzieki wielkie.