Połaczone Logo - Problem

[traktor]

Witam,

 

Mam pewien problem. Otóż mam logo o wymiarach 760x163. Jest ono zrobione w ten sposób, że górna część o wymiarach 760x120 łączy się z paskiem 760x43. Niestety pod Mozilla Firefoxem cała strona się rozjeżdza.

 

Pod Internet Explorerem ( dobrze ) :

 

www.files.boo.pl/zdjecia/ie.jpg

 

Pod Mozzila Firefoxem ( źle ) :

 

www.files.boo.pl/zdjecia/ff.jpg

 

 

Jak można zauważyć pozostałe elementy strony pod firefoxem są jak gdyby sklejone.

 

Teraz fragment kodu CSS z opisem kiedy strona wyświetla się dobrze pod FireFoxem:

 

/* Pages */

 

#pages {

clear: both;

width: 760px;

height: 43px;

margin: 0 auto;

background: url(images/img2.jpg); // Jeżeli tutaj wstawię obrazek np. img2.gif o wymiarach 1x43, to strona działa dobrze także pod Firefoxem, natomiast gdy wstawiam 760x43, strona cała się rozjeżdza.

}

 

#pages h2 {

display: block;

}

 

#pages ul {

float: right;

margin: 0;

padding: 7px 0 0 0;

list-style: none;

}

 

#pages li {

display: inline;

}

 

#pages a {

display: block;

float: left;

height: 25px;

margin: 0 2px 0 0;

padding: 7px 40px 0 15px;

text-transform: uppercase;

text-decoration: none;

letter-spacing: -1px;

font-size: 16px;

font-weight: bold;

color: #000000;

}

Edytowane 19 Września 2008 przez traktor

[PelzaK]

pokombinuj z margine i paddingiem dla #pages. Prawdopodobnie skorzystałeś z niedoskonałości IE, dlatego wyświetla się dobrze :). Polecam zainstalować dodatek firebug do firefoxa i na żywo obejrzeć jak poszczególne style wpływają na wygląd strony.