Div qui n'englobe pas un autre div
Bonjour,
J'ai trouvé une gallerie photo déjà faite qui se trouve dans un bloc div. Mon but est de l'intégrer dans mon CMS (zite) qui contient donc deja une structure avec des div.
Mon problème est lorsque que j'ai mis le code de la gallerie dans le div correspondant au corps de la page (#main), le div de la gallerie(.photo) dépasse le div du corps de la page. Ce que je voudrais c'est que la hauteur du corps de la page s'adapte à la hauteur de la gallerie, pour englober celle ci peu importe la solution.
Merci d'avance :)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <div id="page">
<div id="top">...</div>
<div id="mid">
<div id="main">
...
</div>
<div id="side">
...
</div>
<div id="break"></div>
</div>
<div id="bot">...</div>
</div> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
#mid {
width: 900px;
border-bottom: 1px solid #CCC;
background-image: url(deco/bg2.png);
margin:0;
padding: 0;
}
#main {
width: 676px;
float: left;
margin:0;
padding: 7px;
text-align: justify;
overflow:visible;
} |
Code:
1
2
3
4
|
.photo {width:635px; text-align:left; position:absolute; margin:0 auto;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;} |
