mon corps se place sous le menu

22 octobre 2006 à 17:52:11

bonjours amis zéros,
je voulais vous demander :

pourquoi mon div corps se met sous le div menu gauche ??

vous pouvez le voir en allant ici
mon code css si celà peu vous aidez :

/*
Design final ie et FF rpoussier
Réalisé ronald
http://rpoussier.free.fr
*/

body
{
width: 985px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: black;
}

/* L'en-tête */

#header
{
width: 980px;
height: 250px;
background-image: url("baniere/baniere2.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
border: 4px inset #dcfbfe;
}

/*le menu principal*/

#menu
{
width:980px;
height:50px;

background-image:url("fonds/fond_menu.jpg");
background-repeat:no-repeat;

margin-left:4px;
margin-top:-64px;
margin-bottom:20px;

}

#menu li {
display : inline;
padding : 0 0.5em;
}

#menu_horizontal ul {
list-style-type : none;
}

#menu a
{
color:white;
font-size:30px;

margin-left:260px;
margin-right:-230px;

text-decoration:none;
}
/* Le menu */

#menu_gauche
{
float: left;
margin-right:-20px;
background-image:url("fonds/dégradé_menu_définitif.gif");
border: 4px inset #dcfbfe;
}

.element_menu
{
width:180px;

background-image: url("fonds/menu_gauche_fond_fond.PNG");
background-repeat: repeat_y;

border: 2px inset #dcfbfe;

margin-right: 20px;
margin-left: 20px;
margin-top:20px;
margin-bottom: 10px;
}

/* effets sur menus */

.element_menu h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}

.element_menu a
{
color: #B3B3B3;
}

.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}

/* Le corps de la page */

#corps
{
width:690px;

margin-left: 255px;
margin-bottom: 20px;
padding: 5px;

color: #B3B3B3;
background-image: url("fonds/dégradé_corps_définitif.gif");
background-repeat: repeat-y;

border: 4px outset #dcfbfe;
}

#corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
height: 30px;

background-image: url("images/titre.png");
background-repeat: no-repeat;

padding-left: 30px;
color: #B3B3B3;
text-align: left;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#bas
{
padding: 0px;

text-align: center;

color: #B3B3B3;

background-color: #626262;
width:970px;
height:50px;
background-image: url("fonds/fond_bas_2.jpg");
background-repeat: no-repeat;

margin-top:20px;

border: 2px inset #dcfbfe;
}

/* curseur */

*
{
cursor:url('http://rpoussier.free.fr/curseurs/voiture_normal.ani');
}

merci d'avance
++

Inno

22 octobre 2006 à 18:18:07

Kikoo,

Hum je me lance dans le css aujourd'huis j'ai regardé et ta bien fermé toutes t'es div donc je pense pas qu'il y ai de soucis de ce coté là.

Euh par contre j'ai eu peur en regardant la source de ton site.
Peut-être que je me trompe, mais je crois qu'il faut ouvrir seulement une balise <html> et la refermé à la fin de ton site </html> (une seule fois).
Pareil pour <head> tu englobe t'es meta en haut et la balise de style et tu la referme </head> puis de même pour la <body> que tu ouvre , tu met tout ton contenu (t'es tableaux...) et tu la referme (généralement juste avant la balise </html>).

Citation : Pas de titre

<!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>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>

<body>
// Ton contenu

</body>

</html>

ronald

22 octobre 2006 à 18:22:17

désolée mais y'a du php alors tu ne vos pas tout
mon vrai code c'est :

<!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>[modélisme] bateaux, voitures thermiques, hélicoptères, avions</title>
   <meta name="author" content="Romain" />
   <meta name="reply-to" content="rorodouze_91@hotmail.fr" />
   <link rel="stylesheet" media="screen" type="text/css" title="Style du site" href="thermikkarbis.css" />
</head>
<body>

<?php
include("includes/include_header.php");
?>

<?php
include("includes/include_menu.php");
?>

<?php
include("includes/include_menu_gauche.php");
?>

<div id="corps">
<h1>Bienvenue sur mon site !</h1>
<p>Voici les dernières news :</p>
<span class="barre_de_recherche_google">

<form method="get" action="http://www.google.fr/custom" target="google_window">
<table border="0" bgcolor="#000000">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_25blk.gif" border="0" alt="Google" align="middle"></img></a>
<br/>
<input type="hidden" name="domains" value="rpoussier.free.fr;www.lapin-malin.com;www.siteduzero.com"></input>
<input type="text" name="q" size="64" maxlength="255" value=""></input>
</td></tr>
<tr>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input type="radio" name="sitesearch" value="" checked="checked"></input>
<font size="-1" color="#ffffff">Web</font>
</td>
<td>
<input type="radio" name="sitesearch" value="rpoussier.free.fr"></input>
<font size="-1" color="#ffffff">rpoussier.free.fr</font>
</td>
</tr>
<tr>
<td>
<input type="radio" name="sitesearch" value="www.lapin-malin.com"></input>
<font size="-1" color="#ffffff">www.lapin-malin.com</font>
</td>
<td>
<input type="radio" name="sitesearch" value="www.siteduzero.com"></input>
<font size="-1" color="#ffffff">www.siteduzero.com</font>
</td>
</tr>
</table>
<input type="submit" name="sa" value="Rechercher"></input>
<input type="hidden" name="client" value="pub-5405863460943042"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>
<input type="hidden" name="cof" value="GALT:#666666;GL:1;DIV:#DCFBFE;VLC:663666;AH:center;BGC:000000;LBGC:000000;ALC:2C4BF2;LC:2C4BF2;T:FFFFFF;GFNT:0000FF;GIMP:0000FF;FORID:1"></input>
<input type="hidden" name="hl" value="fr"></input>
</td></tr></table>
</form>

</span>
</div>

<?php include("includes/include_bas.php");?>

</body>
</html>

Inno

22 octobre 2006 à 18:40:14

Dans t'es includes (exemple :includes/include_header.php) le include_header.php ne doit pas contenir les balise <html>,<head>... .
En créant une include tu va inséré tous ce qui est marqué dans la page include_header.php (donc les <html>... que tu as rajouté dedans).

En gros si j'ai bien compris il te suffit par exemple pour le include_header.php de seulement marqué à l'intérieur de celui-ci :

Citation : Pas de titre

<div id="header">

</div>

ronald

22 octobre 2006 à 18:52:09

désolé
mais ceci ne change rien ...