bonjour a tous
j'ai un soucis avec mon site
http://www.leosthene.com/
mon entete est décalé vers le bas et je n'arrive pas a la remonter
css entete
page entete
et la page ou tout est intégré
et son css
merci d'avance
j'ai un soucis avec mon site
http://www.leosthene.com/
mon entete est décalé vers le bas et je n'arrive pas a la remonter
css entete
.titre
{
font-size: 40px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
margin-left: 400px;
font-weight: bold;
margin-top: 50px;
}
#header {
height: 133px;
background-image: url(../images/couleur_image_header.jpg);
background-repeat: no-repeat;
background-color: #000031;
top: 0px;
left: 0px;
}
page entete
<html>
<head>
<link href="#DOSSIER_SQUELETTE/css/inc-entete.css" rel="stylesheet" type="text/css">
<link href="css/inc-entete.css" rel="stylesheet" type="text/css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="header">
<div class="titre">#NOM_SITE_SPIP</div>
</div>
</body>
</html>et la page ou tout est intégré
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="#LANG_DIR" lang="#LANG">
<head>
<title>[(#NOM_SITE_SPIP|textebrut)]</title>
<meta http-equiv="Content-Type" content="text/html; charset=#CHARSET" />
[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|attribut_html)" />]
<meta name="generator" content="SPIP" />
[<link rel="shortcut icon" href="(#CHEMIN{favicon.ico})" />]
<!-- Lien vers le backend pour navigateurs eclaires -->
<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:>" href="backend.php3" />
<link rel="stylesheet" href="[(#CHEMIN{general.css}|direction_css)]" type="text/css" media="all" />
<link href="./css/general.css" rel="stylesheet" type="text/css">
<!-- Feuille de styles CSS pour l'affichage du site sur ecran -->
<link rel="stylesheet" href="[(#CHEMIN{habillage.css}|direction_css)]" type="text/css" media="projection, screen, tv" />
<!-- Feuille de styles CSS pour l'impression -->
<link rel="stylesheet" href="[(#CHEMIN{impression.css}|direction_css)]" type="text/css" media="print" />
</head>
<body>
<div id="conteneur">
<div id="entete">[(#REM) Entete de la page + titre du site ] <INCLURE{fond=inc-entete}></div>
<div id="gauche">[(#REM) menu gauche ] <INCLURE{fond=inc-menu}> </div>
<div id="centre">[(#REM) contenu ] <INCLURE{fond=inc-acceuil}></div>
<div id="pied">[(#REM) Pied de page ] <INCLURE{fond=inc-pied}></div>
</div>
</body>
</html>et son css
/* CSS issu des tutoriels css.alsacreations.com */
html, body {
width: 100%;
height: 100%;
}
#conteneur {
width: 100%;
height: 100%;
position: absolute;
}
#entete
{
}
#centre {
margin-left: 165px;
margin-right: 10px;
width: auto;
height: 600px;
overflow: auto;
}
#gauche {
position: absolute;
left: 0px;
margin-left: 5px;
width: 165px;
height: 100%;
}
#pied {
height: 14px;
background-image: url(../images/fond_bas.jpg);
background-repeat: repeat-x;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
height: auto;
}
p {margin: 0 0 10px 0;}
merci d'avance