Positionnement DIV de taille variable
Bonjour à tous,
J'ai cherché dans le forum mais pas trouvé exactement mon problème...
Je débute en Css et j'aimerai positionner deux DIV suivant leur contenu.
Je m'explique :
- une DIV parente de taille fixe contient deux DIV :
- La première (A) est de taille fixe aussi, et alignée à gauche.
- Le deuxième (B) est de taille variable, et alignée à droite.
J'aimerai que si la taille de (B) augmente, elle passe sous (A). Avec ce que j'ai fait, ca marche sous Firefox, mais pas sous IE. Sous IE, (B) augmente en hauteur et reste au niveau de (A).
Comment faire si cela est possible pour avoir le comportement voulu sous les deux navigateurs ? :roll:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<html>
<head>
<style type="text/css">
div.parent {
width:400;
height:50;
border: 1px solid red;
display:block;
}
div.droite {
float:right;
height:20;
display: inline;
border: 1px solid blue;
}
div.gauche {
float:left;
height:20;
display: inline;
border: 1px solid green;
}
</style>
</head>
<body>
<div class="parent">
<div class="gauche">test gauche, test gauche, test gauche</div>
<div class="droite">test droite, test droite , test droite</div>
</div>
</body>
</html> |
PS : je fais mes tests dans la page suivante : http://www.w3schools.com/css/tryit.a...trycss_display
Merci à vous !
