28220 sujets

CSS et mise en forme, CSS3

Bonsoir,

ma mise en page passe bien sous IE mais pas sous FF et je ne comprends pas d'où cela viens, je vois pas ou cela cloche Smiley fache

voici le lien du site en construction incriminé

merci d'avance à cellui ou celle ou bien ceux qui se pencherons sur mon problème Smiley cligne Smiley smile
Modifié par GuizBizet (14 Mar 2005 - 23:50)
Désolé de vous redéranger mais personne ne peut m'expliquer ou ça cloche ?

j'ai vraiment envie de comprende ce qui ne va pas

merci
Pour ton design, il n'y a que sous IE/Win que ça passe.

Sous IE/Mac, c'est la « cata » Smiley biggol

IE/Mac
upload/196-screen.jpg
Modifié par Stephan (13 Mar 2005 - 15:17)
Sans tout corriger, ceci devrait se rapprocher de la vérité :

#centre {
	height: 540px;
	min-height: 540px;
	width: 800px;
	padding: 0px 25px 0px 0px;
	margin-left: 200px;
}
	
#footer {
	clear: both;
	height: 30px;
	width: 1000px;
	background-image: url(Images/CadreBas.jpg);
	padding: 2px 15px 0px 0px;
}
Bonjour,

Essaie en supprimant les propriétés mises en commentaires

#centre {
	/*float: left;*/
	height: 540px;
	min-height: 540px;
	/*width: 800px;*/
	padding: 0px 25px 0px 0px;
	}

Avec HTML-Kit, c'est bon en mode Gecko et en mode Explorer.
Modifié par Monique (13 Mar 2005 - 15:29)
Merci Monique le problème est réglé mais en partie.

je viens de remettre en ligne la version corrigée toujours ici

Il ne me reste plus que 2 points qui ne vont toujours pas sous FF :
1 - pourquoi le menu ne fait augmenter le height de mon div navigation et pas celui du div main qui est son conteneur !!!
2 - sous IE et FF pourquoi mon titre h2 passe sous le div navigation alors que mon paragraphe p ne le fait pas. Faut il que je rajoute margin-left: 200px Smiley confus
Pour la question 1, je crois que c'est parce qu'il y a un float:left dans le #navigation.

Essaie de mettre un clear: left; dans le #footer. Je n'ai pas testé sous IE et je ne sais pas si c'est la meilleure solution.
Modifié par LittleBlackCat (14 Mar 2005 - 10:13)