OVH Cloud OVH Cloud

[CSS] site sur 2 colonnes

1 réponse
Avatar
CrazyCat
Bonjour,

j'essaye de faire quelque chose de simple, à savoir une page avec un
menu à gauche et le contenu qui prend tout le reste.

Voici ma CSS (réduite):
/** CSS **/
#menu {
float: left;
width: 150px;
}

#main {
float: left;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
}

et mon HTML (réduit aussi):
<html>
<body>
<div id="menu">
bla bla<br />
bla bla<br />
</div>
<div id="main">
bla bla mais hachement très plus long...
</div>
</body>
</html>

Et bien sur IE tout ce met comme je le veux, et sous FF le div "main"
passe en dessous du menu.
Quelqu'un a une idée?

Le test complet est à http://crazycat.free.fr/tests/ si ça peut vous aider.

--
Découvrez Original War: http://www.original-war.org
Humour: http://www.chatfou.com
Tchattez en liberté: http://www.c-p-f.net

1 réponse

Avatar
Thibaut Allender
On 18/04/2005 17:26, CrazyCat wrote :
Et bien sur IE tout ce met comme je le veux, et sous FF le div "main"
passe en dessous du menu.
Quelqu'un a une idée?



#main {
margin-left: 160px;
}

inutile de le faire flotter
ca poserait egalement moins de probleme à l'impression si aucune feuille
dédiée n'est mise en place

tu peux egalement mettre la nav en position absolue sans top ni left (un
margin negatif est parfois necessaire sous IE) au lieu de la faire
flotter, pour eviter que le premier clear: left qui se trouverait dans
#main ne fasse passer le tout sous la nav

le suivi est mal placé, je corrige vers fr.comp.infosystemes.www.auteurs
(pages-perso ne sert qu'aux annonces)

--
thibaut allender | freelance | http://capsule.org