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
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.
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 <!--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 -->
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.
mais ceci ne fonctionne pas.
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 /*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; }
Quelqu'un pour m'explique le probleme svp.
Je pencherai sperso pour un eventuel probleme de parents enfant sans parvenir à le resoudre.
Partager