Menu na stronie rozjeżdża się pod ie 6

[babar]

Witam.

Mam problem ze stronę na joomli a konkretnie z menu. Rozwala się kompletnie na IE 6. Cała reszta przeglądarek interpretuje dobrze.

Mógłby ktoś zaglądnąć w kod i zobaczyć co może być przyczyną? Może ktoś zna jakąś magiczną sztuczkę?

Strona znajduje się pod adresem www.obslugaimprez.com

Jeśli będzie potrzeba to wrzucę zawartość plików stylów.

Proszę o pomoc.

[SEOMAN]

inny plik css i w cześci head trzeba dodac if IE6 ze ścieżką lub w arkuszu dodać linijkę każdego diva z '* html ' na początku i odpowiednio dopasować do IE

[babar]

Kolego bardzo się cieszę, że zajrzałeś w kod strony.. Mam odrębny styl dla 5 co w nim poprawić żeby menu zadziałało?

[piotr.k]

gdyby pod ie5 działało to pod ie6 pewnie też...

w ramach promocji:

code.google.com/p/ie7-js/

kurs.browsehappy.pl/Krok/MenuCSS

[fuser]

Masz bardzo napaćkany kod.

Takich rzeczy się nie robi:

<ul class="art-menu"><li class="item17"><a href="/pl/ofirmie.html"><span class="l"> </span><span class="r"> </span><span class="t">O  FIRMIE</span></a></li><li class="item22"><a href="/pl/aktualnosci.html"><span class="l"> </span><span class="r"> </span><span class="t">AKTUALNOŚCI</span></a></li><li class="parent item19"><a href="/pl/technika-sceniczna.html"><span class="l"> </span><span class="r"> </span><span class="t">TECHNIKA SCENICZNA</span></a><ul><li class="item28"><a href="/pl/technika-sceniczna/nagonienie.html">NAGŁOŚNIENIE</a></li><li class="item29"><a href="/pl/technika-sceniczna/owietlenie.html">OŚWIETLENIE</a></li><li class="item30"><a href="/pl/technika-sceniczna/podesty-sceniczne.html">PODESTY SCENICZNE</a></li><li class="item31"><a href="/pl/technika-sceniczna/konstrukcje-i-statywy.html">KONSTRUKCJE I STATYWY</a></li><li class="item32"><a href="/pl/technika-sceniczna/barierki-ochronne.html">BARIERKI OCHRONNE</a></li></ul></li><li class="parent item21"><a href="/pl/eventy.html"><span class="l"> </span><span class="r"> </span><span class="t">EVENTY</span></a><ul><li class="item33"><a href="/pl/eventy/imprezy-firmowe.html">IMPREZY FIRMOWE</a></li><li class="item34"><a href="/pl/eventy/gale-bankiety.html">GALE, BANKIETY</a></li><li class="item35"><a href="/pl/eventy/koncerty.html">KONCERTY</a></li><li class="item36"><a href="/pl/eventy/imprezy-plenerowe.html">IMPREZY PLENEROWE</a></li><li class="item37"><a href="/pl/eventy/pokazy-mody.html">POKAZY MODY</a></li><li class="item38"><a href="/pl/eventy/otwarcia-i-premiery.html">OTWARCIA I PREMIERY</a></li></ul></li><li class="item39"><a href="/pl/konferencje.html"><span class="l"> </span><span class="r"> </span><span class="t">KONFERENCJE</span></a></li><li class="item24"><a href="/pl/wesela.html"><span class="l"> </span><span class="r"> </span><span class="t">IMPRESARIAT WESELNY</span></a></li><li class="item23"><a href="/pl/galeria.html"><span class="l"> </span><span class="r"> </span><span class="t">GALERIA</span></a></li><li class="item18"><a href="/pl/kontakt.html"><span class="l"> </span><span class="r"> </span><span class="t">KONTAKT</span></a></li></ul>

Zamiast tego czegoś daj:

<ul>

 <li><a kref="podstrona.html'">Nazwa podstrony</a></li>
 <li><a kref="podstrona.html'">Nazwa podstrony</a></li>
 <li><a kref="podstrona.html'">Nazwa podstrony</a></li>
 <li><a kref="podstrona.html'">Nazwa podstrony</a></li>
 <li><a kref="podstrona.html'">Nazwa podstrony</a></li>

</ul>

oraz:

dla ul

list-style-type: none

dla li

float: left;

dla a

float: left;

display: block;

Oraz całą resztę stylów, tak, żeby uzyskać preferowany wygląd czcionki, kolor itp. Do tak prostego kodu nie trzeba oddzielnych szablonów.