2009-09-13 6 views
0

j'utiliser ce code: http://blogswizards.com/plugin-development/sliding-boxes-and-captions-with-jquerystricts problèmes de causeing jquery css DOCTYPE-à-dire

Sur un site simple galerie je construis. Plus précisément, j'utilise le dernier effet:

// Légende coulissant (partiellement caché Visible)

$('.boxgrid.caption').hover(function(){ 
    $(".cover", this).stop().animate({top:'185px'},{queue:false,duration:160}); 
}, function() { 
    // ending position of the caption... measured from top. 
    $(".cover", this).stop().animate({top:'228px'},{queue:false,duration:160}); 
}); 

J'essaie maintenant d'intégrer Shadow Box pour la vue complète de chaque image: http://www.shadowbox-js.com

Mon problème est que lorsque j'incorpore le type de doc dans ma page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 

Les légendes glissantes se comportent mal dans IE. C'est-à-dire qu'ils apparaissent en haut de la boîte de légende, puis lorsque la souris les survole, déplacez-les sur la position correcte de la souris, puis revenez à une position correcte. Mais leur position de départ initiale:

.caption .boxcaption { 
    /* starting position of caption box. measured from top of image box*/ 
    top: 228; 
    left: 0; 
} 

Ne fonctionne pas. Si je supprime le type de document, les légendes coulissantes fonctionnent correctement mais shadowbox (et d'autres popups de type lightbox) ne le font pas parce qu'ils nécessitent que le type de doc soit configuré correctement ...

Et tout cela est juste dans IE. Fonctionne bien dans FF et Chrome indépendamment.

Des suggestions?

Répondre

2
top: 228; 

top: 228px;

Le CSS Validator peut être utile pour intercepter des fautes de frappe simples comme celle-ci.