2

Dans la page principale de la mine la ligne ci-dessus existeDOCTYPE html PUBLIC DTD XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

Mais pourquoi est-il me faire des problèmes?

Dans une page de contenu je suis un objet train d'incorporer SWF

var flashvars = {xmlPath: "xml/" + GetQueryString("x") + ".xml" }; 
    var params = { allowFullScreen: "true", wmode: "transparent" }; 
    var attributes = {}; 
    swfobject.embedSWF("main.swf", "gallery", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes); 

Si je commente la « ligne » DOCTYPE l'objet SWF remplit l'écran (comme il se doit). Si je ne commente pas la "ligne" DOCTYPE, l'objet SWF ne se remplit que dans le sens horizontal.

Alors, que se passe-t-il ici? Est-ce que je pourrais avoir DOCTYPE et l'objet de SWF à la fois dans la direction verticale et horizontale?

MISE À JOUR: Et voici le CSS qui est appliqué sans succès

<style type="text/css"> 
*{ 
margin:0; 
padding:0; 
} 
html, body, #gallery { background: #EFEFEF; height:100%; } 
body { margin:0; padding:0; overflow:hidden; } 
</style> 

AUTRE MISE À JOUR: Dans Chrome, il fonctionne très bien, dans Internet Explorer le fichier SWF remplit 20% de l'écran et est placé en haut de la page et enfin dans Firefox, rien n'est affiché.

Répondre

3

si vous voulez un élément statique positionné pour être la même hauteur que la fenêtre, et tous les ancêtres (y compris potentiellement body et html) doivent avoir en mode standard, un CSS height: 100%. La hauteur 100% est relative à la taille du parent, et si le parent n'a pas de hauteur explicite, les pourcentages n'ont aucun sens.

Si vous souhaitez que les éléments positionnés de manière absolue aient la même hauteur que la fenêtre d'affichage, ils sont identiques mais avec des blocs positionnés à la place de chaque élément. Ce cas est généralement plus facile car il peut ne pas y avoir de blocs contenant entre la fenêtre et l'élément.

En mode Quirks (ce que vous obtenez lorsque vous supprimez le doctype), height: 100% a souvent un effet différent, parmi de nombreux bogues généralement moins utiles.

+0

Bonjour, merci pour votre réponse. Pourriez-vous s'il vous plaît vérifier la mise à jour que j'ai posté? Je ne peux pas comprendre ce que je fais mal ici. – OrElse

+0

Je t'aime et Firebug! Voici 100 points de moi! – OrElse

Questions connexes