Bonjour,
Dans mon code ci-dessous je n'arrive desesperemment pas à aligner correctement le contenu gauche / droite.
- Soit je mets float:left, float:right dans quel cas "central" n'apparait plus.
- soit je mets un positionnement relatif (comme actuellement) et la les deux cadres apparaissent décallés.
Comment faire pour que "central" apparaisse et que les cadre "cadre_gauhe", "cadre_droit" apparaissent l'un a coté de l'autre ?
Quel est encore le problème ?
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Document sans titre</title> <style type="text/css"> body { background-color:grey; } .page { width:980px; height:auto; background-color:white; margin-left:auto; margin-right:auto; } .header { border:1px solid black; height:150px; } .footer { height:20px; background-color:yellow; text-align:center; border-top:1px dotted black; } .central_gauche { position:relative; height:40px; width:300px; border:1px solid black; margin-left::400px; } .central_droit { position:relative; margin-left:310px; border:1px solid black; width:660px; } .central { height:auto; background-color:pink; } </style> </head> <body> <div class="page"> <div class="header"> Header </div> <div class="central"> <div class="central_gauche"> Espace gauche </div> <div class="central_droit"> Espace droit </div> </div> <div class="footer"> Footer </div> </div> </body> </html>
Merci d'avance pour votre aide.
Partager