Problem CSS position des boitesFermé

Question

Bonjour,
Voila ce que m'affiche ma page css :
http://laisir.free.fr/voici2.png
Et voila ce qu'elle devré affiché(petit montage) :
http://laisir.free.fr/voici.png

et voila mon CSS :
body
{
 
  width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("fond4.png");
}


.entt
{
 -moz-border-radius : 5px 10px; 
   -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;  
   -moz-border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;   
   -moz-border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;   
   -moz-border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;  
   width: 760px;
   height: 100px;
   background-image: url("motif2.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   border: 10px solid black;
}


.menu
{
 -moz-border-radius : 5px 10px; 
   -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;  
   -moz-border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;   
   -moz-border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;   
   -moz-border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;  
margin-top: 120px;
   float: left; 
   width: 120px; 
   background-color: #626262;
   background-image: url("motif.png");
   background-repeat: repeat-x;
   border: 10px solid black;
   margin-bottom: 20px; 
}

.contenu
{
 -moz-border-radius : 5px 10px; 
   -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;  
   -moz-border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;   
   -moz-border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;   
   -moz-border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;  
   margin-left: 140px;
  width: 590px;
   padding: 5px;
   
   color: #B3B3B3;
   background-color: #626262;
   background-image: url("motif.png");
   background-repeat: repeat-x;
   border: 10px solid black;
}

J'espert que ses assez bien expliqué
Merci bye
Impossible de trouvé l'erreur

Nieli · Answer

Je ne vois pas trop l'erreur mais essaye de rajouter:
margin-top:-30px;
dans ton .contenu (le - est volontaire)

cannadou · Answer

Non sa ne marche pas, j'avais deja fai l'essai 
Merci quand Même

cannadou · Answer

Je viens de remarqué une chose :


en gros si dans mon "Menu" il y a 3 liens
le "contenue" sera alors décalé de 3 ligne vers le bas.
                            et
Si le "menu" contient 6 liens, le "contenue" décalé de 6 ligne vers le bas

Vous me suivez :=)

Bizard l'affaire

cannadou · Answer

Personne sais? :( :( :(

Problem CSS position des boites

4 réponses

Discussions similaires

Newsletters