[HTML][CSS] Nieszczęsne IE i złe wyświetlanie Opcje

[Piotrwusek]

Witam

Poprawiam stronę żeby ładnie otwierała się we wszystkich przeglądarkach. Ale nie mogę poradzić sobie z IE i menu głównym strony bo się źle wyświetla.
Link do strony cs.SEKOCIN.pl

html

[HTML] pobierz, plaintext 
<div id="counter-strike_top-menu">
<ul class="counter-strike_menu-glowne-ul">
  <li class="counter-strike_menu-glowne-li"><a href="/" class="counter-strike_link-01_insert" title="cs.SEKOCIN.pl - Strona Glowna" target="_self"></a></li>
	<li><a href="http://cs.sekocin.pl/index.php/download" class="counter-strike_link-02" title="cs.SEKOCIN.pl - Download" target="_self"></a></li>
 
	<li><a href="/index.php?option=com_kontakt" class="counter-strike_link-03" title="cs.SEKOCIN.pl - Kontakt" target="_self"></a></li>
	<li><a href="#" class="counter-strike_link-04" title="cs.SEKOCIN.pl - Statystyki Graczy" target="_self"></a></li>
	<li><a href="/forum" class="counter-strike_link-05" title="cs.SEKOCIN.pl - Forum" target="_top"></a></li>
	<li><a href="#" class="counter-strike_link-06" title="cs.SEKOCIN.pl - Ksiega Gosci" target="_self"></a></li>
	<li><a href="/index.php/sxe-injected" class="counter-strike_link-07" title="cs.SEKOCIN.pl - sXe-Injected" target="_blank"></a></li>
</ul>	
</div>
[HTML] pobierz, plaintext 

CSS

Kod

#counter-strike_top-menu {
float:left;
width: 980px;
}

ul.counter-strike_menu-glowne-ul, li.counter-strike_menu-glowne-li{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

Ten post edytował Piotrwusek 9.08.2008, 15:51:03

[grzegorzr]

jak przyuwazylem nie pomoglo
zatem:
1) IE nie radzi sobie z przezroczystoscia obrazków *.png - trzeba używać hacka, znajdziesz go wpisując w google'ach "png behavior"
2) co rozwlajacego sie menu pod IE, sbrobuj zmniejszyc lewe paddingi elementów a z 15px na mniej. Jak to nie pomoze to dodaj regule margin: 0; dla elementów ul i li w menu.

[Mrozie]

IE nie radzi sobie z przezroczystoscia obrazków *.png - trzeba używać hacka, znajdziesz go wpisując w google'ach "png behavior"

Warto jednak zauważyć, że nawet hack nie pomaga, gdy .png jest obrazkiem tła. W takich wypadkach trzeba albo usuwać półprzezroczyste tło dla wszystkich, albo zrobić dwa arkusze CSS (jeden dla ie6, a drugi dla reszty) i napisać prosty skrypt ustawiający arkusz wg przeglądarki użytkownika.

Męcząc się z IE6 jedynie utwierdzasz ich w przekonaniu, że IE6 'wystarczy, nie trzeba aktualizować' - nie najlepsza sytuacja ;-)

Co nie zmienia faktu, że profesjonalny koder nie pozwoli sobie na ignorowanie jednej grupy użytkowników, nawet jeśli ta grupa jest tak nie wyedukowana (żeby nie powiedzieć głupia), by wciąż używać badzIEwia.