28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai une petite question technique portant sur du CSS.

J'ai appris à disposer deux div, 1 à gauche et un à droite, dans un autre div comme suit:


<div id="conteneur">
<div id="gauche"</div>
<div id="droite"</div>
</div>


J'hésite ensuite entre 2 CSS différents:



*{
padding:0;
margin:0;
}
#conteneur{
width:500px;
position:relative;
}
#gauche{
width:250px;
position:absolute;
left:0;
}
#droite{
width:250px;
position:absolute;
margin-left:250px;
right:0;
}




*{
padding:0;
margin:0;
}
#conteneur{
width:500px;
}
#gauche{
width:250px;
float:left;
}
#droite{
width:250px;
float:right;
}


J'utilise ces 2 méthode sans distinction. J'aimerais savoir dans quel contexte l'une ou l'autre est conseillée. J'ai lu les tutos sur le site, mais je n'ai pas trouvé de réponse dans un cadre "générique"!

Merci d'avance Smiley ravi
Modifié par Battyboy (06 Aug 2008 - 18:44)
Si la hauteur du conteneur doit dépendre de la hauteur de chaque colonne, ou si tu as des contenus situés en dessous des deux colonnes (pied de page, autres blocs), le positionnement absolu est à proscrire. On utilisera alors les flottants, avec sans doute un overflow:hidden sur le conteneur pour empêcher le dépassement des flottants.