[CSS] Site deux colonnes

Marsh Posté le 20-08-2003 à 12:23:01

Je souhaiterais developper un site en deux parties: un menu de 150 pixel de large et un contenu à sa droite qui prennent le reste de la page.

- est-il possible de le faire en 'float' (sachant que le positionnement me convient, mais je n'arrive pas à faire que le 'content' prenne toute la place restante)

- j'obtiens le resultat escompté avec l'aperçu de Dreamweaver en me servant des propriétés margin-left/right, mais elles sont ignorées sous IE et Mozilla, une raison à ça?

Code :

<div class="column_left">
Coming Soon<br><br>
News<br><br>
Workshop<br><br>
Mail<br><br>
</div>
<div class="content">
test<br>
blabla<br>
bidule
</div>

Code :

body {
background-color : #FFFFFF;
font-family : Verdana;
font-size : 8pt;
color : black;
text-align: center;}
.column_left {
float: left;
width: 150px;
border-right: #000000 1px solid;
border-top: #000000 1px solid;
border-left: #000000 1px solid;
border-bottom: #000000 1px solid;
margin: 1px;
padding : 1px;
text-align: left;}
.content {
margin-left:155px;
margin-right:0px;
border-right: #000000 1px solid;
border-top: #000000 1px solid;
border-left: #000000 1px solid;
border-bottom: #000000 1px solid;
margin: 1px;
padding : 1px;}

---------------
"Follow me Sons of Russ, this night our enemies shall feel the fangs of the Wolf"

Reply

Marsh Posté le 20-08-2003 à 12:23:01

Reply

Marsh Posté le 20-08-2003 à 12:38:49

je crois qu'il faut que tu fasse un div conteneur des deux de ton site, d'appliquer un largeur de 100%. ensuite tu mets la div content en width:auto
tout ceci est à confirmer, mais c'est ce que j'ai utilisé pour mon site.

Reply

Marsh Posté le 20-08-2003 à 12:46:58

pas besoin du conteneur dans son cas. Par contre, les underscores, c'est pas spécialement bien supporté dans les CSS.

Reply

Marsh Posté le 20-08-2003 à 12:52:54

Urd-sama -> je viens d'essayer le width auto (avec ou sans Div conteneur) mais mon div 'content' s'adapte uniquement à son contenu et ne prend toujours pas toute la place libre.

Gizmo -> ok, je modifie ça (mais je n'ai pas encore eu de problèmes à cause de ça par le passé)

---------------
"Follow me Sons of Russ, this night our enemies shall feel the fangs of the Wolf"

Reply

Marsh Posté le 20-08-2003 à 13:03:30

Haacheron a écrit :

Urd-sama -> je viens d'essayer le width auto (avec ou sans Div conteneur) mais mon div 'content' s'adapte uniquement à son contenu et ne prend toujours pas toute la place libre.

hum... [:urd]
voici un extrait de mes CSS, je te laisse jeter un oeil:

Code :

div#main {
margin-top: 15px;
margin-bottom: 15px;
}
div#left {
float: left;
background-color: #EFAAE7;
border-right: 3px solid #DE82D6;
border-top: 3px solid #DE82D6;
border-bottom: 3px solid #DE82D6;
width: 150px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
margin-right: 10px;
}
div#middle {
padding-left: 10px;
padding-bottom: 30px;
width: 95%;
}
div#main > div#middle {
padding-left: 160px;
width: auto;
}

Reply

Marsh Posté le 20-08-2003 à 13:20:08

Merci beaucoup, c'est bon maintenant :jap:
Je m'etais melangé les pinceaux avec le width=auto

---------------
"Follow me Sons of Russ, this night our enemies shall feel the fangs of the Wolf"

Reply

Marsh Posté le 20-08-2003 à 13:41:18

Arf, j'avais tester le code sous IE, mais sous Mozilla ça deborde :cry: Comment peut-on forcer a ce que ce dernier ne le fasse pas (je me suis servi du css d'Urd-sama)

Sous IE

Sous Mozilla