Position / float... compatibilité IE et FF

Hello,

Après une petite recherche, j'espère ne pas créer un sujet redondant. Donc mon problème est le suivant:

Cela concerne l'habillage, j'ai créé une page qui comporte de colonne de chaque coté et un espace texte entre deux de la manière suivante:

<div id="contenu">

  <!-- BARRE DE GAUCHE -->
  <div id="menu"></div>

  <!-- BARRE DE DROITE -->
  <div id="barre_divers"></div>

  <!-- PAGE -->
  <div id="page"></div>
</div>

avec le css suivant:

#menu {
	position: relative;
	margin-right: 20px;
	left: 0px;
	top: 10px;
	width: 160px;
	height: 100%;
	float: left;
}

#page {
	position: relative;
	margin: 10px 0 10px 0;
	width: auto;
	height: 100%;
	text-align: justify;
}

#barre_divers {
	position: relative;
	margin-left: 20px;
	right: 0px;
	top: 10px;
	width: 160px;
	height: 100%;
	float: right;
}

La mise en page s'effectue plus ou moins correctement, la seul chose qui pose problème,sous firefox, c'est quand si le <div id="page"> est plus grand en hauteur que les barres de côtés, le texte qu'il contient "s'étendra" sur l'ensemble de la page. Vous allez me dire que c'est le but d'un float, mais cela ne se fait pas sur IE, comme j'aimerai que ca se fasse. J'avoue avoir essayer plein de chose et au final j'ai plutot des doutes sur l'utilisation de certains paramètres.

Vu que cela marche sur IE, c'est j'ai surement oublié quelque chose qu'il gère par défaut, mais quoi? si quelque'un a une idée...

merci
Modifié par MrHankey (15 Feb 2006 - 21:09)

bonsoir et bienvenue sur le forum

En haut de la page, tu as un liens vers les tutoriels et en fouillant un peu, tu pourrais tomber sur celui-ci qui devrait correspondre à ta recherche.

Il te suffit de regarder le code source pour voir le code et le css

Si tu as encore des soucis, n'hésite pas à demander