salutations a tous
j'ai un soucis avec mon site
le menu a gauche ne s'affiche pas complement si je ne met pas une taille height pour le div centre et la partie menu (gauche)
voici le css
et mon sommaire.html
et je bloque
pour le moment j'ai mit des overflow et ca marche mais bon
voici le site www.leosthene.com
merci
Modifié par fcdi (12 Aug 2006 - 12:34)
j'ai un soucis avec mon site
le menu a gauche ne s'affiche pas complement si je ne met pas une taille height pour le div centre et la partie menu (gauche)
voici le css
/* CSS issu des tutoriels css.alsacreations.com */
html, body {
width: 100%;
height: 100%;
}
#conteneur {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
}
#entete
{
}
.titreentete
{
font-size: 45px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin-left: 390px;
margin-right: 10px;
font-weight: bold;
margin-top: 40px;
}
.Titre1
{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin-top: 10px;
margin-left: 390px;
margin-right: 10px;
text-align: right;
text-decoration: none;
}
.recherche
{
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin-top: 30px;
margin-right: 10px;
text-align: right;
text-decoration: none;
margin-left: 390px;
}
#header {
height: 180px;
background-image: url(../images/couleur_image_header.jpg);
background-repeat: no-repeat;
background-color: #000031;
overflow: hidden;
}
#centre {
margin-left: 170px;
margin-right: 1px;
height: 690px;
/*overflow: auto;*/
}
#centreart
{
margin-left: 20px;
margin-right: 20px;
height: 650px;
overflow: auto;
}
#contenu
{
/*height: 250px;
overflow: auto;*/
}
#gauche {
position: absolute;
left: 0px;
margin-left: 1px;
margin-right: 2px;
width: 165px;
height: 690px;
background-image: url(../images/fond_menu.jpg);
background-repeat: repeat-y;
}
#pied {
height: 20px;
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;
}
#image {
background-image: url(../images/menu_carte.jpg);
width: 161px;
height: 86px;
}
et mon sommaire.html
<!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)]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
[<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"><br />
[(#REM) contenu ] <INCLURE{fond=inc-acceuil}></div>
<div id="pied">[(#REM) Pied de page ] <INCLURE{fond=inc-pied}></div>
</div>
</body>
</html>
et je bloque
pour le moment j'ai mit des overflow et ca marche mais bon
voici le site www.leosthene.com
merci
Modifié par fcdi (12 Aug 2006 - 12:34)