Bonjour,
J'ai trois <div> insérés dans un <header>.
Je souhaite que les trois div soient côte à côté, que ceux de gauche et de droite aient 80px de large, et que celui du milieu penne le reste de la place.
Mon problème si situe surtout pour le div du milieu, comme vous pouvez le voir sur cette copie d'écran :
Voici mon index.php :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="styles/style.css"/> <title>Mon site</title> </head> <body> <?php include("structures/entete.php"); ?><br /><br /><br /> </body> </html>
voici mon entete.php :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <header> <div id="d1"> <p>div1</p> </div> <div id="d2"> <p>div2</p> </div> <div id="d3"> <p>div3</p> </div> </header>
et voici le style.css :
Ce qui m'embête, c'est que pour la propriété width, on a le choix entre des px, des % ou auto. Etant donné que j'ai mis des px pour les div1 et div3, il m'est difficile de connaître la taille à donner au div2, que ce soit en px ou en %. Quant à auto, cela ne fait rien ....
Code : 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
20
21
22
23
24
25
26
27
28 @CHARSET "UTF-8"; header { border: 3px blue dashed; margin-top:20px; margin-left:40px; margin-right:40px; } #d1 { display:inline-block; border: 3px yellow dashed; width: 80px; float:left; } #d2 { display:inline-block; border: 3px green dashed; width: auto; } #d3 { display:inline-block; border: 3px red dashed; width: 80px; float:right; }
Merci pour vos aides !
Partager