3 DIV côte-à-côte horizontalement auto grow

Résolu/Fermé
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 - 8 nov. 2011 à 22:20
 mohamed - 30 mars 2021 à 12:47
Bonjour,

Ce que j'essaie de faire c'est de mettre 3 <div> côte-à-côte(horizontalement) et de remplir l'espace manquant à l'aide de la <div> du centre. Donc la premiere DIV et 3ieme DIV on une largeur fix de 10px chacune et j'aimerais que ma div du centre prenne la largeur restant...

En fait, j'ai une image background (un cadre avec coin arrondi) que j'ai découpé en trois, donc dans la css de la div du centre, j'ai mis background-repeat:repeat-x;

J'ai mis la 1ere et 3ieme div en float:left et j'ai mis celle du centre avec une margin-left:10px sans le float;

Mais ça ne marche pas, en fait sur ma première ligne j'ai ma div 1 et ma div 2 qui prends toue la place restant, mais la div 3 apparait sur une autre ligne...

Savez-vous qu'est-ce que je dois faire?

Merci

Pascal_22
A voir également:

4 réponses

Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 54
Modifié par Pascal_22 le 8/11/2011 à 22:28
J'ai trouver!

Voici la solution...

<div style="float:left;width:10px;">left</div> 
<div style="float:right:;width:10px;;">right</div> 
<div style="margin:auto;">middle</div> 


Bref faut mettre dans cette ordre: div(left) div(right) et div(middle)

Espérent que cela peut aider d'autre personne.

Bonne soirée!
Pascal
8
Merci pour l'info :)
0
Merci, ça m'a éviter une nouvelle crise de nerfs ;o)
0
merci bcp chef
0