18073 sujets

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

Header qui s'affiche pas

bonjour j'ai un probleme avec mon site extensible ...
Celui si s'affiche correctement sous MOZILLA mais pas sous IE ni sous le navigateur wanadoo ...

En effet le corps le menu et le footer s'affichent correctement, mais sous IE les deux images de la banniere ne s'affichent pas :
     <div id="tete">
	  <IMG SRC="images/site_01.jpg" STYLE="float:left; width:30%; height:100%" ALT="banniere">

	  <IMG SRC="images/site_03.jpg" STYLE="float:right; width:35%; height:100%" ALT="logos">

      </div>

Et le css :
#tete {
	both: clear;
	width: 100%;
	height: 25%; 
}


Sous Mozilla les deux images s'affichent correctement mais pas sous IE
Je ne sais pas comment faire pour que cela fonctionne

Si quelqu'un peut me renseigner
merci Smiley smile

Edit : précision : quand je met du texte dans le div, le div et l'image s'affichent sur la hauteur que prend le texte ..
Modifié par benjii (22 Sep 2005 - 14:27)
Salut,

Je ne peux t'en dire plus, mais déjà :
#tete {
[#red]both: clear;[#black]
width: 100%;
height: 25%; 
}


Si faisais un passage par les validateurs ...
le "both: clear;" ne doit pas jouer beaucoup, mais plutîot le style qui est dans la page et non dans la css (STYLE des balises img)...
euhhh oui désolé
J'avais fait un bete copy paste du footer a la base ...
Enfin bref je l'ai enlevé depuis tout a l'heure mais ce n'est pas ca qui posait probleme ...

J'ai mi une hauteur en pixels au div "tete" mais et là les images s'affichent ...
Mais pas de la meme taille selon le navigateur ...

#tete {
	float: left;
	width: 100%;
	height: 170px; 
}
#corps {
	WIDTH: 80%;
	height: 102%;
	border-left: 1px solid;
	float: left;
	border-bottom: 1px solid;
}

et le html (j'ai enlevé les height des images) :

      <div id="tete">
	  <IMG SRC="images/site_01.jpg" STYLE="float:left; width:30%; " ALT="banniere">

	  <IMG SRC="images/site_03.jpg" STYLE="float:right; width:35%; " ALT="logos">

      </div>


Si quelqu'un a une solution Smiley smile
Pourquoi redonnes-tu un style dans ton HTML (STYLE="float:xxx; width:xxx%) ?

Ca ne marche pas si tu l'enlèves ?
Bon, essaye ça :

#tete {
	float: left;
	width: 100%;

}
#corps {
	WIDTH: 80%;
	height: 102%;
	border-left: 1px solid;
	float: left;
	border-bottom: 1px solid;
}




      <div id="tete">
	  <img src="images/site_01.jpg" width="XXXpx" height="XXXpx " alt="banniere">

	  <img src="images/site_03.jpg" width="XXXpx" height="XXXpx " alt="logos">

      </div>

Les XXX représentant les mesures précises de tes images en pixel.
Supprime le style dans ta page, et écris en minuscules dans ton code...
Modifié par Macpom (22 Sep 2005 - 16:08)
bah oui mais j'ai spécialement fait des images trop grandes pour pouvoir les mettre en pourcentage afin qu'elle représente les mems dimensions sur la page que ce soit en 800*600 ou en 1600*1200

Donc si je met les pixels précis elles seront trop grande...
Puis meme je veux un design extensible.

et pour le style dans la page, au départ j'avais fait comme toi avec des poucentages, mais ca donne le meme résultat :
affichage sous ff
non affichées sous ie et wanadoo explorer ...

PS : si je fais ce que tu fais, les images s'affichent parfaitement mais ne sont pas extensibles ...
Si je met des pourcentages pour qu'elles soient extensibles, elles ne s'affichent pas sous IE a moins que je ne mette un height: XXpx; dans la feuille de style (si je met height: XX%; elles ne s'affichent que sous FF)...
Comment faire :'(

PS2 : apres une assez longue réfléxion, je viens de comprendre le fond du probleme ...

FF affiche entierement un div en pourcentage meme si celui ci ne contient aucun texte (ex mon div tete qui ne contenait que des images)
IE n'affiche la partie d'un div avec pourcentage que s'il y a quelque chose a l'intérieur (en effet si j'écris salut entre les deux images on verra une ligne avec écrit salut et un morceaux des images correspondant a la taille d'une ligne en fond de div)

Je cherche comment éviter ce probleme, il y a surement une propriété ...

Si quelqu'un a une idée Smiley smile
En attendant je garde une taille fixe de 170px a mon entete ...
Modifié par benjii (22 Sep 2005 - 20:59)
Sujet clos
Aller à