presentation a 3 colonnes

[tanguy]

Bonjour,

Je veux faire une présentation à 3 colonnes.

La colonne de gauche est postionnée en float:left et celle de droite en float:right.

Pour ces 3 colonnes j'ai indiqué un height identique de 500px avec une couleur de fond.

Sous I.E ça fonctionne mais sous Firefox les colonnes de gauche et droite sont de même hauteur que celle du centre sauf que la couleur de fond ne remplit les colonnes jusqu'en bas ?

Par avance merci de votre aide.

 

[f_trt]

Tanguy pour une réponse précise tu devrais mettre ton code car il doit pas être bien long.
Sinon tu connais surement déjà fais un petit tour de ce coté :
c'est une de mes références -ttp://www.alsacreations.com/

A+

 

[tanguy]

Salut,

Voici une partie de mon code :

body {  font-family: Verdana, Arial, Times New Romand, Serif;
	background-color:#CCFFCC;
	font-size:xx-small;
	text-align:center;
	margin: 0;
	padding: 0;
	}


#cadre {margin:10px auto;
	padding:0;
	width:760px;
	text-align:left;
	border:1px solid black;}

#cadre1 { width:760px;
	  height:93px;
	  background: white;
	  padding:0;
	  margin:0;}

#cadre2 { background-color:#FFFF99;
	  float:left;
	  padding-top:10px;
	  text-align:center;
	  margin:0;
	  width:150px;
	  height:550px;
	  border-top: 2px solid black;
	  border-right: 2px solid black;}

#cadre3 { background-color:#FFFF99;
	  float:right;
	  padding-top:10px;
	  margin:0;
	  width:150px;
	  height:550px;
	  text-align: center;
	  border-top: 2px solid black;
	  border-left: 2px solid black;}

#cadre4 { background-color:#FFFF99;;
	  padding:15px;
	  margin:0 150px 0 150px;	  
	  height:550px;
	  border-top: 2px solid black;
	  border-left: 2px solid black;
	  border-right: 2px solid black;}

 

[SIBELIUS]

Pour ces 3 colonnes j'ai indiqué un height identique de 500px avec une couleur de fond.

Sous I.E ça fonctionne mais sous Firefox les colonnes de gauche et droite sont de même hauteur que celle du centre sauf que la couleur de fond ne remplit les colonnes jusqu'en bas ?

Oui, IE bugge avec la propriété height qu'il interprète comme un min-height, c'est à dire qu'il va pousser le conteneur sir le contenu s'allonge.
Ce n'est pas le comportement prévu : si tu indiques une height de 500px, le conteneur n'est pas censé s'allonger selon le contenu.

Les deux derniers modèles de cette page devraient te convenir : http://css.alsacreations.com/Modeles-de ... age-en-CSS

Sinon tu as des explications détaillées ici :
http://forum.alsacreations.com/faq/#item17

Bonne chance

 

[Luj]

c'est IE ou Firefox qui bugge ?

 

[tanguy]

Merci pour les liens.

En fait c'est sous Firefox que ça bugge !

 

[Orion33]

Dire que 'ca bug' car le rendus n'est pas celui que tu souhaites, c'est un peu facile

 

[tanguy]

Tu sais Orion sur les forums ont besoin de gens qui s'entraident mais de gens qui joue sur les mots !!

 

[SIBELIUS]

Tu sais Orion sur les forums ont besoin de gens qui s'entraident mais de gens qui joue sur les mots !!

Je comprends ce que veut dire Orion, puisqu'en fait il s'agit vraiment d'un bug de IE en fait (et non de FF), comme je l'ai expliqué.
Le comportement que tu attends (celui de IE) n'est pas celui qui devrait logiquement avoir lieu.
Le liens que j'ai donné devraient te dépanner, non?

 

[tanguy]

Oui merci Sibelius

 

[SIBELIUS]

Oui merci Sibelius

Alors bonne continuation et bon week-end