Div principale qui merdoie

**Fugugirl** · 21/11/2006, 17h52

Bonjour à tous,

encore moi.
Pour centrer mes sites j'utilise une DIV principal avec un margin left et right auto. Seulement problème, passés mes premières divs elle ne "s'allonge" plus. Un exemple criant sur cette page :

http://www.kimlico.com/EBD/index1.html

J'ai mis une couleur de back ground blanche qui me permette de bien voir le souci. Et il est bel et bien là.

Mon code CSS du layout :

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
89
90
91
92
93
94
95
96
97
98
99
 
@import url("polices.css");
/* CSS LAYOUT */
 
 
/* --------- BODY ------------ */
 
body {
background-color:#CCCCCC;
padding: 0;
margin:0;
border: 0;
}
 
img   {
border: 0;
}
 
 
/* PRINCIPAL*/
 
#principal {
width: 800px;
margin-left:auto;
margin-right:auto;
padding-left: 10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
background-color:#FFFFFF;
}
 
/*NAVIGATION*/
 
#menu {
position:relative;
z-index:1;
width:780px;
height:180px;
padding:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
margin-top:0;
border:0;
background-image:url(layout/menu/fonds/biblio.gif);
background-repeat:no-repeat;
background-position:top;
 
}
 
#ebd {
position:relative;
float:right;
margin-top:155px;
margin-right:15px;
z-index:100;
}
 
/* ACCEUIL */
 
/*------------- livres -------------- */
 
#actu_livre{
float:left;
width:355px;
margin-top:10px;
padding:0;
}
 
#actu_livre_HT{
background:url(layout/accueil/encadre_livre/livre_HT.png) no-repeat;
width:355px;
height:49px;
}
 
#actu_livre_ML{
background:url(layout/accueil/encadre_livre/livre_ML.png) repeat-y;
width:355px;
}
 
#actu_livre_BS{
background:url(layout/accueil/encadre_livre/livre_BAS.png) no-repeat;
width:355px;
height:22px;
}
 
#actu_livre_contenu{
margin-left:10px;
margin-right:10px;
width:320px;
text-align:justify;
}
 
#actu_livre_couv{
position:relative;
float:right;
margin:0 0 0 10px;
}

et mon code HTML disponible sur la page en question

Quelqu'un a une idée ??? J'ai viré mes commentaires... mais ça ne change rien... Je ne vois pas [confus] .

Merci encore de votre aide à tous,
Aurélia.