Bonjour,
Ce que je veux n'est pas aussi simple que l'est mon titre. je veux en effet positionner un div a coté de l'autre mais sans passer par
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 #div1{ position:abolute; left:0px; width:50px; } #div2{ position:abolute; left:50px; width:50px; } etc...
Mon code est représenté comme ceci:
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <div id="global"> <div id="premier">premier</div> <div id="deuxieme">deuxieme</div> </div>
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19 #global{ width:500px; height:700px; } #global #premier{ position:absolute; bottom:0px; left:0px; /* la largeur de mon div est difini par le nom de caractere que contient ce DIV */ } #global #deuxieme{ position:absolute; bottom:0px; width:100px; left: ?; /* J'aimerai que left: ? soit égal a la largeur du DIV qui le précède (a gauche)*/ }
En fait, j'aimerais que le deuxime DIV soit toujours "coller" au premier DIV, quelque soit sa largeur, qui est défini par le nombre de caractere que contient le DIV premier.
Si j'entre un mot plus grand,la largeur du premier DIV, s'agrandi et le deuxieme DIV est "pousser" a droite d'un distance égal aux caractpres ajouter dans le premier DIV.
Voila, chais pas si je me suis fait comprendre.
Chais pas si on peut faire un truc du genre:
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 #global #premier{ position:absolute; bottom:0px; left:0px; } #global #deuxieme{ position:absolute; bottom:0px; width:100px; left: 0px+ #global #premier width; }
Partager