[html][css]Obrazek jako tło komórki tabeli w Mozilli. Opcje

[neptus]

Mam logo wypełniające jedną komórkę tablicy. Na nim umieszczam różne elementy.

Mam zapis w css:

CODE

.logo
{
background-image: url(images/logo.jpg);
background-repeat: no-repeat;
background-position: bottom left;
background-attachment: fixed;
}

i w html:

CODE

<table cellSpacing='0' cellPadding='0' width='100%' align='center' border='0'>
....
<tr><td class='logo' height=94>..jakieś elementy..</td></tr>
....
</table>

W IE to działa, w Mozilli nie. Najwyraźniej Mozilla każde tło uważa za tło całej strony. (IMG:http://forum.php.pl/style_emoticons/default/mad.gif) Nie cierpię Firefoxa i pokrewnych. Strasznie durna przeglądarka, jakieś zbędne wodotryski, a nie da się jej po ludzku skonfigurować. Dotąd olewałam takie przeglądarki, bo to był margines poniże 1% ale jak już jest tego ponad 21%, to się nie godzi. (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Celowo już dałam "bottom", a i tak nie działa. Obrazek wypełnia całą komórkę i top/bottom left/right nie ma znaczenia. Mozilla ignoruje "background-position" i maluje to od góry strony, w efekcie mam widoczne tylko pół loga. Jak ją zmusić do wyświetlenia obrazka poprawnie?

Efekt można obejrzeć pod adresem http://astroalgorytmy.eu - w Firefoxie masakra. (IMG:http://forum.php.pl/style_emoticons/default/wacko.gif)

Przeszukałam już całe to forum i pół internetu i gucio. (IMG:http://forum.php.pl/style_emoticons/default/sadsmiley02.gif)

[chico]

Nie cierpię Firefoxa i pokrewnych. Strasznie durna przeglądarka(...)

'Durna przeglądarka' to taka, która mimo ustalonych ogólnych standardów nie trzyma się ich - mowa oczywiście o IE.

Sprawdź swój kod (html i css) pod kątem ogólnych standardów (w3c) i zobacz czy jest poprawnie zrobiony. Jeżeli nie - validator naprowadzi Cię na to jak kod powinien wyglądać, żeby działał w każdej przeglądarce.

-- edit:

zerknij jeszcze tutaj, jest pełna zgodność z FF. Sprawdź może ustawienia marginesu dolnego?

Ten post edytował chico 17.09.2007, 19:23:51