corps qui s'aligne pas avec le menu

Sujet résolu

17 octobre 2006 à 10:12:56

bonjour j'ai un pb avec le corps de mon site , il ne s'aligne pas avec mon menu
voici la page en question http://www.preparateurs-en-pharmacie.com/homeopathie.html

et voici le code css

body
{
color: black;
background-image:url("http://img180.imageshack.us/img180/782/fondbleuvq9.jpg");
width: 1000px;
margin:auto;
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 */
height: 800px;

}

#en_tete
{
width: 1000px;
height: 100px;
font-family: "comic sans ms", arial, verdana, serif;
margin-bottom: 10px;
text-align:center;

}

#menu
{
float: left; /* Le menu flottera à gauche */
width: 124px; /* Très important : donner une taille au menu */

}

h1
{
font-family: "comic sans ms", arial, verdana, serif;
text-align:center;
}

p
{
font-family: "comic sans ms", arial, verdana, serif;
background-image:url("http://img519.imageshack.us/img519/5428/fondgrisft8.jpg");
text-align:center;
}

.element_menu
{
background-image:url("http://img519.imageshack.us/img519/5428/fondgrisft8.jpg");
background-repeat: repeat-3;
border: 2px solid black;
margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */

}

.element_menu h2 /* Tous les titres de menus */
{
color: black;
font-family: "comic sans ms", arial, verdana, serif;
text-align: center;
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
color: black;
text-decoration:none;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
background-image:url("http://img519.imageshack.us/img519/5428/fondgrisft8.jpg");

}

#corps
{
margin-left: 215px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
color: black;
font-family:"comic sans ms", arial, verdana, serif;
float: center;
}

ul
{
font-family:"comic sans ms", arial, verdana, serif;
list-style-type:disc;
font-size:15px;
}

li
{
font-size:15px;
font-family:"comic sans ms", arial, verdana, serif;
list-style-type:disc;
}

tr
{
font-family:"comic sans ms", arial, verdana, serif;
font-size:20px;

}

th
{
border:2px solid black;
background-image:url("http://img519.imageshack.us/img519/5428/fondgrisft8.jpg");
font-family:"comic sans ms", arial, verdana, serif;
}

#tablo
{
margin:auto;
width:800px;

}

td
{
vertical-align:top;
font-family:"comic sans ms", arial, verdana, serif;
}

.liste
{
margin-left:15px;
margin-top:10px;

}

a
{
color: black;
text-decoration:none;
font-family:"comic sans ms", arial, verdana, serif;
}

img
{
text-align: center;
}

b-dav

17 octobre 2006 à 10:19:39

Je pense que ton probleme vien de ceci:

#tablo
{
margin:auto;
width:800px;
}

ton width de 800 est trop grand, car il faut compter ton margin-left de 215

800 + 215, ne tiendras pas dans ton body 1000px

( Je sais po si jje suis asser clair

)

Erreur PDO - Installation Wamp - Docs PHP et MYSQL.

celine123

17 octobre 2006 à 10:23:29

j'ai mis le width à 700 mais ça change rien

b-dav

17 octobre 2006 à 10:42:42

Euh...

float: center;

Il me semble n'existe pas et ne sert a rien dans ton:

#corps
{
margin-left: 215px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
color: black;
font-family:"comic sans ms", arial, verdana, serif;
float: center;
}

Erreur PDO - Installation Wamp - Docs PHP et MYSQL.

celine123

17 octobre 2006 à 10:45:08

exact ça servait à rien je l'ai enlevé mais le pb est tjs pas reglé

b-dav

17 octobre 2006 à 11:07:44

Ca y est j'ai enfin capter d'ou venai ton probleme!
Ce n'est pas sur ton css, mais sur ton html que se trouve l'erreur!
Ferme le div de ton id="menu" avant d'ouvrir ton div id="corp"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>::: Site des préparateurs en pharmacie :::!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="designhomeo" href="designhomeo.css" />
</head>
<body>

<div id="en_tete">

<h1>HOMEOPATHIE</h1>
</div>
<div id="menu">
<h5><a href="index.html">revenir à la page principale,</a></h5>
<div class="element_menu">
<p><a href="mailto:root@preparateurs-en-pharmacie.com">envoyer une fiche pratique </a></p>
</div>

<div class="element_menu">
<p><script type="text/javascript"></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
</div>
</div>
<div id="corps">
<table id="tablo">
/* Ton tableau */
</table>
</div>
</body>
</html>

J'ai essayer de chez moi et ça fonctionne...

Erreur PDO - Installation Wamp - Docs PHP et MYSQL.

celine123

17 octobre 2006 à 13:11:16

ah merci bcp!!

c'est bon ça marche(petite erreur bete

)

b-dav

17 octobre 2006 à 13:16:07

De rien

N'oublie pas de marquer ton post "Résolu", merci...

Erreur PDO - Installation Wamp - Docs PHP et MYSQL.