18082 sujets

Questions générales et questions de débutants

Compatibilité des entètes DOCTYPE ?

Bonjour,

et excusez moi par avance si cette question a déjà été posée sur le présent forum, j'avoue ne pas avoir le courage de chercher après la fièvre de rage que je viens de passer contre Internet Explorer et peut être à tord...

J'ai solutionné un problème d'agencement de calques que je fais apparaitre grâce à une fonction très connue sur dynweb "swaplayer", et pour ce faire je construits donc de gentils calques avec une séquence CSS toute bête genre


#lyr1, #lyr2, #lyr3 , #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9 {
	visibility: hidden;
	width: 100%;
	height: 1px;
	overflow: hidden;
}


je développe sous Firefox par commodité, et je recette sur IE, et quelle n'a pas été ma surprise de voir qu'IE me cachait bien les calques, mais qu'il me les mettait les uns en dessous des autres Smiley biggol

j'ai cherché cherché et encore cherché pendant des heures ne comprenant pas ce qui allait pas à IE, et je suis allé jusqu'à virer tout mon code html pour ne me focaliser que sur cette partie des calque, jusqu'à (c'est là que vous allez surement m'aider à comprendre), je tombe sur le heaer de mon document:

qui était : 
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">


et c'est un coup du hasard, mais un site sur lequel j'aime bien naviguer, utilisant ce genre de calque n'avait pas du tout le même entête lui était en 

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


du coup juste pour voir, je change ça dans ma page HTML et MIRACLE, ça fonctionne convenablement Smiley eek

alors j'ai donc 2 questions:
-pourquoi Firefox fonctionnait il même sans cet entête particulier ?
- y'a t'il un risque pour que cet entète ne soit pas interprété sur Mac ?

Merci beaucoup par avance,

c'est mon premier post ici, soyez indulgent Smiley cligne

Cédric
Modifié par Toucouleur (18 Aug 2005 - 23:14)
Laurent Denis a écrit :
Bonsoir Cédric, et bienvenue sur ce forum,

La lecture de ce billet devrait te renseigner sur le doctype switching. Et cet article te donnera quelques bases sur ce qu'est une DTD.
bon et bien merci, je voulais m'économiser d'une lecture ce soir, donc ça attendra demain...

merci quand même
Disons que plutôt que de répéter X fois les mêmes informations en réponse à X questions régulières sur le même problème, sachant que la réponse peut être longue, il est plus efficace de réunir une fois pour toutes ces informations quelque-part, et d'y renvoyer.

Ce qui permet d'avoir plus de temps pour répondre à d'autres questions plus spécifiques Smiley cligne
Merci Laurent pour cet aiguillage et la pédagogie avec laquelle tu as répondu à mon post.

Et bien voila, j'ai une question plus spécifique, qui m'embête beaucoup

Depuis que j'utilise l'entète 

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


Firefox ne semble plus être capable d'interpréter cette ligne de commande en javascript qui a pour objectif de me redimensionner une Iframe :

function resizeFrame() {	
	var myFrame = document.getElementById('content');		
	myFrame.style.height=myFrame.contentWindow.document.body.scrollHeight;
}


avec mon iframe aqui apelle ainsi je jvscript :

<iframe onLoad="resizeFrame();" src="mon_url" id="content" name="mon_nom_de_frame_qui_sert_a_rien" scrolling="no" marginwidth="0" marginheight="0" frameborder="0">


as tu idée de ce que je dois modifier dans mon Jvscript pour que cela refonctionne ?

a noter que cela ne fonctionne plus sous Firefox, mais continu de bien fonctionner avec IE Smiley bawling
Modifié par Toucouleur (19 Aug 2005 - 09:58)
bon j'ai fini par trouver en lisant et relisant l'article de Laurent sur les caractéristiques du XHTML Transitional, et j'y ai lu ceci : Les attributs ne peuvent plus être minimalisés.

j'avais donc commencé par vérifier que tou était encadré par les guillemets et qu'ensuite j'avais bien tout écrit correctement. Et j'ai repensé à mon javascript, qui appliqué juste un chiffre à la hauteur de mon iframe

j'ai donc transformé la ligne 
myFrame.css.height = myFrame.contentWindow.document.body.scrollHeight;


en 

myFrame.style.height = myFrame.contentWindow.document.body.scrollHeight + "px";


Voila, je suis pas fier, mais si ça peut aider quelqu'un dans le même cas que moi...
Sujet clos
Aller à