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:
  1. #category-blocks a span:hover,   
  2. #block1 span a:hover,   
  3. #block2 span a:hover,   
  4. #block3 span a:hover,   
  5. #block4 span a:hover {  
  6.   border-bottom:3px solid #EE3424;  
  7.   display:block;  
  8.   text-decoration:none;  
  9. }  
é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
 
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:
  1. if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) {  
  2.   $('span').hover(function() {  
  3.     $(this).addClass("hover");  
  4.   }, function() {  
  5.     $(this).removeClass("hover");  
  6.   });  
  7. }  
  1. #category-blocks a span:hover,   
  2. #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?