28220 sujets

CSS et mise en forme, CSS3

[ RESOLU ] Problème de mise en forme

Bonjour,

Je vais expliquer mon problème serainement, donc voilà en faisant mes menu à droite et à gauche là tout va bien mais quand j'ai commencé à mettre le corps alors là ça a bugger et ça me fait ça:

http://s1.tonclan.com/~gotogames/probleme/index.php

Ensuite, je pense que ça vient du CSS, je ne penserais aps que ça vienne du XHTML.

Voici le code


body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #0c86a8;
}

#en_tete
{
   width: 760px;
   height: 100px;
   background-image: url("http://ecarot/Tout%20sur%20le%20football/banniere.gif");
   background-repeat: no-repeat;
   margin-bottom: 20px;
}

#menu_de_gauche
{
float: left;
width: 120px;
}


.element_menu
{
   background-color: #0a7942;
   border: 1px solid black;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menu h4
{
  text-align: center;
  margin-bottom: 10px;
  text-decoration: underline;
}

.element_menu a
{
  text-decoration: none;
  color: #16c8f0;
}
 
 
#menu_de_droite 
{
float: right;
width: 120px;
}

#corps
{
   margin-left: 130px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 130px;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: black;
   background-color: #0db7e8; /* Une couleur de fond pour le corps */
   
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}


Voilà, c'était mon CSS(comme vous l'aurez compris Smiley langue )

Merci de répondre en revoir.
Modifié par romain (05 May 2005 - 15:48)
Administrateur
Bonsoir Romain et bienvenue sur le forum.

Juste un petit détail par rapport à ton titre : "Problème de mise en forme".
En fait, ici, dans le Salon "CSS et mise en forme", tu dois te douter que la grande partie des questions sont des problèmes de mise en forme, donc le choix de ton titre n'apporte pas vraiment d'élément pertinent.
En clair, on ne sait pas de quoi parle ton sujet en lisant le titre. Je pense que cela ne va pas te faciliter les choses.

N'oublie pas cette partie des Règles :
Règle a écrit :
11- Conventions d'écriture

L'emploi des majuscules est à utiliser avec parcimonie dans les titres de sujet comme dans les messages. En effet, un texte entièrement rédigé en majuscules donne l'impression que la personne crie sur un ton agressif, sur internet. Veuillez donner un titre de sujet évocateur lorsque vous en rédigez un nouveau, et non pas simplement 'Question', 'HELP', 'Problème!' ou 'URGENT!!!!'. Le forum n'étant pas équipé d'un vérificateur d'ortographe, veuillez vous relire afin que votre message soit bien compris par tous et qu'on vous prenne au sérieux. Il est rappelé également que ce forum est... un forum, et non un tchat ou un support SMS. Vous êtes donc priés de respecter un minimum ce langage qu'est le français.


Bonne chance Smiley smile
D'accord, je prendrais soin de respecter les règles et être vigilant pour que mon titre soit plus "expliquant" de mon problème..

Merci
Modifié par romain (05 May 2005 - 15:48)
Sujet clos
Aller à