28172 sujets

CSS et mise en forme, CSS3

Rendu different entre internet eploer et firefox

Bonjour,

fpaul01 a écrit :
pouvez vous m'aider ???


Dans l'état actuel de la description de ton problème, non.

Quel est le rendu attendu ? Qu'est-ce qui ne fonctionne pas. Si tu ne nous dis pas où se situe le problème, il va nous falloir chercher longtemps, et ce n'est pas dit que beaucoup le fassent.
oui effectivement , donc le rendu que je souhaite et que la zone grise a droite soit de la meme hauteur que le pave central

la couleur GRISE est defini en backgroup sur contenu_site
et le blanc est defini en background pave central

voici le code


<div id="contenu_site">
<div id="pave_titre">
<h1><!-- TemplateBeginEditable name="EditRegion4" -->EditRegion4<!-- TemplateEndEditable --></h1>
</div>
        
        <div id="pave_droit"><!-- TemplateBeginEditable name="EditRegion5" -->EditRegion5<!-- TemplateEndEditable -->
        </div>
        <div id="pave_central"> 
        
         <div id="pave_texte"><!-- TemplateBeginEditable name="EditRegion3" -->EditRegion3<!-- TemplateEndEditable -->

         </div>
        </div>
 <div id="pave_texte_bas">
<img src="../images/bandeau_bas.png"  width="980" height="90" />
 </div>

upload/16171-Image2.png
Modifié par fpaul01 (13 Jul 2009 - 11:35)
Attention, tu n'as pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

upload/1-code.gif

Pour ton problème, il faut que tu utilises des "colonnes factices". Tu devrait pouvoir trouver un tutoriel facilement à ce sujet. Tu peux également regarder du côté des gabarits de Florent, dont certains utilisent les colonnes factices.
Modifié par Laurie-Anne (13 Jul 2009 - 11:31)
voici j ai donc modifier mon post
desole , je suis debutant

par contre ce que je souhaite pour ma colonne de droite , c est que la hauteur soit automatique et ceci par rapport au contenu central
Salut,
Alors à ce que j'ai pu consulter sur ta CSS, hébien la hauteur de ton bloc pave_droit est fixée a 300px , un petit

height:100%;


Devrait régler ton problème.

EDIT: Désolé ma solution ne marche pas vu que ta div est en mode flotant.
Modifié par N-J (13 Jul 2009 - 11:46)
fpaul01 a écrit :
par contre ce que je souhaite pour ma colonne de droite , c est que la hauteur soit automatique et ceci par rapport au contenu central
Les colonnes factices sont donc LA solution.

N-J a écrit :
Devrait régler ton problème.
Avec des éléments flottants (et sous IE) ? J'en doute...
j ai modifier donc la hauteur avec 100%
et mon probleme est toujours le meme
sous firefox ma zone a grise a droite ne va pas jusque au bas de la page
et deplus la couleur grise defini en backgroup ne se voit pas

sous IE par contre c est top bon .....





#contenu_site {
	margin-left:0px;
	height: auto;
	width: 980px;
	background-color: #6E819C;
}



#pave_central {
	height: auto;
	width: 830px;
	float: left;
	text-align: justify;
	line-height: 30px;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
}
a écrit :
Avec des éléments flottants (et sous IE) ? J'en doute...


Oui je m'en suis rendu compte après coup ^^
Ce que je n arrive pas a conprendre c est pourquoi ca marche sous windows et IE7
et pas sur mon mac et sous firefox
donc si je conprend votre reponse cela veux dire que je ne peux pas avoir 2 DIV l'une dans l'autre , toute les deux en hauteur automatique ???? Smiley eek
fpaul01 a écrit :
donc si je conprend votre reponse cela veux dire que je ne peux pas avoir 2 DIV l'une dans l'autre , toute les deux en hauteur automatique ???? Smiley eek


Tu peux sûrement le faire en javascript...
fpaul01 a écrit :
donc si je conprend votre reponse cela veux dire que je ne peux pas avoir 2 DIV l'une dans l'autre , toute les deux en hauteur automatique ???? Smiley eek


Tu peux créer une div en position relative en overflow hidden qui contient tes deux divs. La div de gauche sera en float: left; et celle de droite en relative avec le margin-left qu'il faut.

Normalement, cela te permettra d'avoir deux divs avec une hauteur variable.
fpaul01 a écrit :
donc si je conprend votre reponse cela veux dire que je ne peux pas avoir 2 DIV l'une dans l'autre , toute les deux en hauteur automatique ???? Smiley eek


Si tu lisais les réponses données.

Fait une recherche sur google pour "Colonnes factices" et tu devrais sans mal trouver un tuto qui explique comment faire (et d'ailleurs Skoua l'a résumé, même si la position relative n'est pas nécessaire).
Sujet clos
Aller à