28172 sujets

CSS et mise en forme, CSS3

Trois div et deux float

Bonjour,

J'essaie de réaliser une page mais je bloque sur un point, de façon horizontal je voudrais trois div, les latéraux de largeur fixe et celui du centre qui s'adapte entre les deux. Seulement le content s'écrit au dessus de la sidebar2 sur ff comme sur ie, mais sur dreamweaver ça se met pourtant très bien en place.

Voilà mon code :

---------------------------------------------
body {
margin: 0px;
padding: 0px;
text-align: center;
}

#container {
width: 90%;
margin: auto;
text-align: left;
}

#sidebar1 {
float:left;
width: 306px;
margin-right: 10px;

}

#sidebar2 {
float:right;
width: 306px;
margin-right: 10px;

}

#content {
overflow:hidden;
}
---------------------------------------------
<body>

<div id="container"


<div id="header">
</div

<div id="section">

<div id="sidebar1"></div>
<div id="sidebar2"></div>
<div id="content"></div>

</div>

<div id="footer">
</div>


</div>
</body[code]
Modifié par Pixie31 (30 Jun 2009 - 10:30)
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement 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

D'ailleurs, je rappelle que le lien "Aide" qui apparaît tout en haut du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

upload/1-code.gif

Pour ce qui est de ton problème, pourquoi ne pas regarder du côté des gabarits de Florent. Les gabarits 9, 10 et 11 semblent correspondre à ce que tu souhaite obtenir.

Bonne continuation Smiley smile
Bonjour,
peut être qu'en fermant bien tes étiquettes ...

<div id="container" ... ici

<div id="header">
</div ... et là


le div section n'a aucun style. Sert il à quelque-chose?
Modifié par loicbcn (30 Jun 2009 - 10:30)
Sujet clos
Aller à