28173 sujets

CSS et mise en forme, CSS3

voila monn probleme :

je fais le desgin d'un site en css, trois colonnes positionnees en float de cette facon :

#left-contents {
	float: left;
	width: 248px;
	padding-bottom: 10px;
}
#mid-contents {
	float: left;
	width: 317px;
	
	padding: 10px;
}

#right-contents {
	padding-top: 1px;
	float: left;
	width: 195px;
}


Jusque la tout va bien

Dans la colonne du milieu je mets un formulaire, mais des que je mets une balise select ca me fout la colonne de droite en dessous (au lieu de a droite comme son nom l'indique). Pourtant, je n'utilise aucun float dans la colonne du milieu et mes select ne depassent absolument pas la largeur de la colonne !! Je n'ai ce probleme que sur firefox... si quelqu'un l'a deja eu, merci de me faire partager sa solution.
Je quitte mon boulot maintenant donc je n'ai pas le temps de vous envoyer des images pour vous faire mieux comprendre, je le ferai demain si c'est necessaire.
Merci beaucoup

Ps: desole pour les accent, je suis en qwerty
Modifié par yahrou (29 Dec 2006 - 14:36)
En fait, le code est vraiment long et compliqué mais en essayant de donner une version simplifier j'ai découvert d'où venait le problème.
J'utilisais un display: table dans mon conteneur pour le forcer à prendre en compte les float dans sa hauteur. J'utilise depuis longtemps cette astuce qui souvent marche très bien.

Je ne sais pas en quoi les balises select posait problème, en tout cas qd j'enlève le display table, le colonnes se replacent bien...