Probleme avec deux div dans une autre
Bonjour a tous je me tourne vers vous car je n'arrive pas a faire fonctionner un simple float left sur deux bloc (div).
regarder ma page svp
http://fansyl.fr/homepage/index.php
le bloc bleue doit être a gauche de la grande image.
J'ai proceder comme suit dans mon code html
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<!--Bloc Principal -->
<div id="principal">
<!--Bloc Homepage -->
<div id="homepage">
<!--Bloc videos du mois -->
<div id="video_mois">
<img src="../images/homepage/swf.jpg" alt="Videos flash du tuto du mois" width="556" height="268" />
</div>
<!--Fin bloc videos du mois -->
<!--Bloc Actualitée -->
<div id="actualite">
gfdggdfgdfgdgd
</div>
<!--Fin Bloc Actualitée -->
</div>
<!--Fin Bloc Homepage -->
</div>
<!--Fin Bloc Principal -->
</div>
<!--Fin Bloc cadre blanc --> |
Pour resumer ce code j'ai le div "principal" qui contiient tous le reste du corps de la page je m'en sert pour avoir l'image de fond avec le degradée et le filet de 1 px.
a l'interrieur de ce premier div j'ai un deuxieme div "Homepage" qui lui me permet de centrer mon contenue dans le premier div.
A l'interieur de ce div homepage j'aix deux autre div un pour les news et un pour la videos flash.
Le probleme est que j'aimerai que ces deux blocs soit cote a cote j'ai donc fait comme suit.
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
|
/*zone contenue*/
#principal{
width:798px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/general/fond_page.jpg);
}
/*Homepage*/
#homepage{
width:777px;
margin-left:auto;
margin-right:auto;
}
#video_mois{
margin-left:18px;
border:solid;
border-width:1px;
border-color:#cb6709;
width:556px;
}
#actualite{
float:left;
background-color:#0000CC;
width:200px;
} |
mais ceci ne fonctionne pas.
Quelqu'un pour m'explique le probleme svp.
Je pencherai sperso pour un eventuel probleme de parents enfant sans parvenir à le resoudre.
