28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je voudrais votre avis sur le positionnement de ce gabarit (je l'ai volontairement simplifié):
Les 2 colonnes positionnées en float peuvent-elles créer des soucis ?


<div id="content">
  <div id="colSub">
    Colonne de gauche
  </div>
  <div id="colMain">
    Colonne principale
  </div>
</div>


#content{
  margin:0 auto;
  overflow:hidden;
  width:960px;
}
#colSub{
  float:left;
  width:260px;
}
#colMain{
  float:right;
  width:700px;
}


Merci !
Modifié par Carine P (04 Apr 2011 - 15:19)
Je reformule ma question :

En quoi la 1ère méthode est-elle meilleure que la 2ème : par exemple, Florent dans ses propositions de modèles-type, n'utilise que la 1ère.


/* methode 1 */

#colSub{ /* colonne de gauche */ 
 float:left;
 width:200px;
}
#colMain{
  margin-left:200px; /* colonne principale */
}



/* methode 2 */ 

#colSub{ /* colonne de gauche */ 
 float:left;
 width:200px;
}
#colMain{
  float:left; /* colonne principale */
  width:500px;
}


Merci !! Smiley smile
Modifié par Carine P (04 Apr 2011 - 15:21)
Il n'y a pas à priori de "bonne" ou de "mauvaise" méthode (dans les deux que tu cites).

Tout dépend du contexte et de ce qui suit ces div...


Un exemple en ligne serait plus efficace pour t'aider...


à plus,

éric