Alignement horizontal double div
Bonjour,
c'est un sujet qui à été traité x fois, mais je n'ai jamais réussi à trouver une réponse adequate.
Alors voilà, j'ai 2 div dans une autre div (
alors j'aimerais que ca me fasse :
<----------------------> <-------------------->
<----------------------> <-------------------->
<------div one-------> <------div two----->
<----------------------> <-------------------->
<----------------------> <-------------------->
sauf que ça me fait toujours :
<---------------------->
<---------------------->
<------div one------->
<---------------------->
<---------------------->
<---------------------->
espace espace espace <---------------------->
espace espace espace <-------div two------>
espace espace espace <---------------------->
espace espace espace <---------------------->
merci de m'aider s'il vous plait :/
c'est un sujet qui à été traité x fois, mais je n'ai jamais réussi à trouver une réponse adequate.
Alors voilà, j'ai 2 div dans une autre div (
<div id="global">
<div id="one">
</div>
<div id="two">
</div>
</div>
alors j'aimerais que ca me fasse :
<----------------------> <-------------------->
<----------------------> <-------------------->
<------div one-------> <------div two----->
<----------------------> <-------------------->
<----------------------> <-------------------->
sauf que ça me fait toujours :
<---------------------->
<---------------------->
<------div one------->
<---------------------->
<---------------------->
<---------------------->
espace espace espace <---------------------->
espace espace espace <-------div two------>
espace espace espace <---------------------->
espace espace espace <---------------------->
merci de m'aider s'il vous plait :/
5 réponses
-
une solution alternative le tableau:
<div id="global"> <table width="taille du tableau" border="0"> <tr> <td> <div id="one"> </div> </td> <td><div id="two"> </div> </td> </tr> </table> </div> -
Et a part ça il n'y a aucune possibilité ? :/
-
c'est pas possible de faire <div id="two" style="float: right"> ?
-
Non ca fait la meme chose, la div two est a droite, mais en dessous de la one :/
-
Alors ça c'est sûrement du au fait que le div global est trop étroit pour contenir les deux divs de fronts. Ca doit être de l'ordre 1 ou 2 pixels.
Il faut savoir que l'attribut width ne prend ni en compte le padding, le margin ni le border. Donc la largeur réelle d'un div c'est : width + padding-left + padding-right + margin-left + margin-right + border-right + border-left.
Donc regarde si cette somme est inférieur à la largeur du global...
