optimalizacia pre explorer

rAse · Napísal **rAse**: 25.01.2011 11:55

V mozile aj chrome to ide ako ma v iecku je problem menu sa nezobrazuje
HTML

Kód:

<div id="menu"> 
              <ul class="menu-odkazy">
                <li><a class="uvod" href="index.html"> Úvod</a></li>
                <li><a class="produkty" href="produkty.html">Produkty</a></li>
                <li><a class="doplnky" href="doplnky.html">  Doplnky </a></li>
                <li><a class="cennik" href="cennik.html"> Cennik</a></li>
                <li><a class="kontakt" href="kontakt.html"> Kontakt</a></li>
              </ul>  
       
  </div>
  

CSS

Kód:

ul.menu-odkazy 
{ float:left; 
line-height: 40px; 
margin-left:25px; 
margin-top:0px;}

ul.menu-odkazy li 
{ display:inline;
margin-left:-25px; }
ul.menu-odkazy li a 
{display:inline-block; 
width:108px; 
height:40px; 
background-position: 0 0;
text-indent:-9999px;
margin-left:0px;}
a.uvod:hover, a.produkty:hover, a.doplnky:hover, a.cennik:hover, a.kontakt:hover 
 { background-position: 0 -40px;}
            
a.uvod{ background: url('images/uvod.jpg') no-repeat;}
a.produkty{ background: url('images/produkty.jpg') no-repeat;}
a.doplnky{ background: url('images/doplnky.jpg') no-repeat;}
a.cennik{ background: url('images/cennik.jpg') no-repeat;}
a.kontakt{ background: url('images/kontakt.jpg') no-repeat;}

Da sa to pre ten ***** explorer nejako opravit alebo musim vyriesit menu inac ? Tiez mi pri iecku robi problem ked mam overflow: scroll a bg-attachment:fixed v mozile ostava pozadie a scrolluje sa len obsah v iecku sa odscrolluje obrazok obsahu a potom si berie farbu pozadia. Tiez ked pozicijujem text stylom

Kód:

to v iecku nefunguje, inac ten text pozíciovat neviem,takze ak sa to da fixnut pre ie bude to lepsie.
Za kazdu radu dakujem

prohibit · Napísal **prohibit**: 25.01.2011 13:37

zrada bude niekde inde, lebo presne tvoj kod ked som si skopiroval (a iba som si dokreslil 80px vysoke obrazky do adresara images aby som to mohol skusit) tak mi to funguje aj na IE (verzia 8). Rovnako tak mi ide pozictovat aj text pouzitim zaporneho marginu. Skusit mozes este position:relative; left:-150px ale ak ti nefunguje toto tak bude chyba inde. Vravim ze mne ide aj to menu, aj to pozicovanie v IE. Nemas tam nejaky js alebo nejake ine css nalinkovane?

rAse · Napísal autor témy **rAse**: 25.01.2011 14:39

nemam tam nic len toto, ale v ie 7 a starsich to nefunguje

Ďuri · Napísal **Ďuri**: 25.01.2011 15:59

Daj odkaz na zivu ukazku.

rAse · Napísal autor témy **rAse**: 25.01.2011 16:41

http://softeyes.tode.cz/

shaggy · Napísal **shaggy**: 25.01.2011 18:04

Podobný problém som riešil pred pár dňami v robote - tam mi mizlo logo, ktoré malo position: absolute. A tiež to robilo iba v IE7. Vyriešil som to tak, že som ten ďalší div float-ol a bolo to v poriadku.
U teba je však problém v tom, že až prehnane pozicuješ. Taký kód je veľmi ťažko spravovateľný a ani sa nečudujem, že ti robí problémy. Na tvojej stránke netreba žiadne pozicovanie, preto by som to prerobil na "normálny" kód a potom sa uvidí, či to ešte bude robiť problém.

Ando · Napísal **Ando**: 25.01.2011 18:09

Problem je v IE Z-index bug... Skus si o tom nieco pohladat. Da sa to relativne jednoducho odstranit.

shaggy · Napísal **shaggy**: 25.01.2011 18:11

Ando - možno to je ten problém, možno nie. Každopádne by najlepšie urobil, ak by všetko to pozicovanie vyhodil, ušetrí mu to ešte veľa starostí.

optimalizacia pre explorer

Podobné témy