ugrás a tartalomhoz

IE6 debug

paal · 2009. Ápr. 14. (K), 10.24
Sziasztok!

Drupal 6-ban, NineSixty (960 Grid System) témára (aminek az alapja a 960 Grid System) készítettem egy oldalt: http://www.dnn360.hu kombinálva LavaLamp for jQuery funkcióval.

Kezdtem örülni, hogy rendesen megjelenik/működik IE7-ben minden, de felpakoltam egy IE6-standalone-t, és szomorúan látom, hogy több dolgot is rosszul jelenít meg:

1. Az elsődleges menüt teljesen rossz helyre pozicionálja.
2. Kategóriák aláhúzása nem jelenik meg

Arra már rájöttem, hogy a kategóriák piros aláhúzása azért nem jelenik meg hover-kor, mert IE6 csak az a:hover-t ismeri, span-nál nem veszi figyelembe:

#category-blocks a span:hover, 
#block1 span a:hover, 
#block2 span a:hover, 
#block3 span a:hover, 
#block4 span a:hover {
  border-bottom:3px solid #EE3424;
  display:block;
  text-decoration:none;
}
és be kellene állítanom és pozicionálnom, hogy az "a" és a "span" elem u.ott és u.akkora legyen. Elvileg...

3. A nyelv választó blokkot nem is látom hova rakja.


Tudna valaki tanácsot adni, miket nézzek meg?

Köszi, Pali
‹ Kattintásra eltűnő felirat a szövegmezőben diven belül középre igazítás kép fölé ›
 ■
1

jQuery Cycle Plugin

paal · 2009. Ápr. 14. (K), 10.36
Ez a demo oldalon sem megy IE6-tal (standalone), csak váltogatja egymás után a képeket, de az én oldalamon még azt sem (pl. itt).
2

hover

tgr · 2009. Ápr. 15. (Sze), 10.43
Arra már rájöttem, hogy a kategóriák piros aláhúzása azért nem jelenik meg hover-kor, mert IE6 csak az a:hover-t ismeri, span-nál nem veszi figyelembe:


A szokásos megoldás erre valami ilyesmi:

if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) {
  $('span').hover(function() {
    $(this).addClass("hover");
  }, function() {
    $(this).removeClass("hover");
  });
}


#category-blocks a span:hover, 
#category-blocks a span.hover { ...
3

Másrészt nem világos, hogy

tgr · 2009. Ápr. 15. (Sze), 10.45
Másrészt nem világos, hogy mire kell neked a span egyáltalán?