Comment placer deux divs côte à côte avec séparateur entre eux?Côte à côte divs
C'est ce que je veux dire:
Je suppose que la mise en page HTML peut ressemble à quelque chose comme ceci:
<div id="container">
<div id="left"></div>
<div id="splitter"></div>
<div id="right"></div>
</div>
ou
<div id="container">
<div id="left">
<div id="splitter"></div>
</div>
<div id="right"></div>
</div>
html:
<div id="container">
<div id="left"></div>
<div id="splitter"></div>
<div id="right"></div>
</div>
css:
#container{
width:990px; //or 100%
}
#left{
width:300px; //or 30%
float:left;
}
#splitter{
width:90px; //or 5%
float:left;
}
#right{
600px; //or 65%
float:left;
}
Ne fonctionne pas: volet de droite est toujours situé sur la chaîne suivante (au moins dans IE8 et Chrome 7) – sam
ont-ils un rembourrage ou une marge? si c'est le cas, retirez-les ou soustrayez-les des largeurs. –
Il n'y a aucun rembourrage ou marge et la largeur totale de gauche, de droite et de séparateur est égale à la largeur du conteneur. Je débarrasse de ce problème en ajoutant la position absolue pour les volets et relative pour le séparateur. Cela fonctionne pour moi bien. Merci! – sam
mis "float: left" sur #left et #splitter, mais comme Oezi a dit qu'il y a beaucoup de façons de le faire
Le même problème qu'ici: http://stackoverflow.com/questions/4285483/side-by-side-divs/4285526#4285526. Mais le volet droit est aligné à droite sur la chaîne suivante. – sam
Les deux sont possibles mais j'irais pour le 2ème puisque vous pouvez utiliser le flotteur: gauche pour le div gauche et le flotteur: droit pour le droit et puisque le diviseur est dans le div gauche il va au bon endroit.
Si c'est le cas, le contenu du volet droit est aligné sur le côté droit du volet gauche (à gauche du séparateur). – sam
il y a possibilitys presque infinies pour ce ACHIVE. qu'avez-vous essayé jusqu'à présent? avez-vous demandé à google pour une telle solution et utilisé la recherche sur SO? – oezi
en outre, vous devriez fournir plus d'informations. Les divs devraient-ils avoir la même taille? devraient-ils grandir avec le contenu ou utiliser toute la hauteur possible? Les pièces doivent-elles avoir une largeur spécifique ou grandir quand je redimensionne mon navigateur? – oezi
Toute approche de travail correspond à mes besoins. 1) les divs devraient avoir la même hauteur fixe; 2) les panneaux gauche et droit doivent être étirés dans l'espace disponible; – sam