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

/* 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)
bonjour fcdi,

En survolant vite fait le css, le positionnement en absolut du div "conteneur" me choque un poil. Smiley smile

Le but désiré, c'est quoi? Que le header ne bouge pas et que le reste scroll?

autrement teste sans positions abolues si possible pour voir ce que cela donne.

EDIT : OOps, je viens de relire ton post et de reregarder ta page.

SI tu veux benéficier d'un footer comme c'est le cas, le mieux, à mon avis est de passer en positionnement flotants pour le menu et le contenu, un float:left pour le menu et un float:right pour le contenu, enesuite juste penser à ajouter un clear:both sur le footer pour qu'il "colle" bien soit au menu soit au contenu en fonction de leurs longueurs.

En espérant plus ou moins répondre à ton problème. Si ce n'est pas le cas, expose exactement ce que tu désires sur ta page et je répondrais en fonction.

Tu peux voir sur les deux derniers modèles de la page d'ou tu as tiré ton code de page :

http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS

les modèles en positionnement flottant.

++
Aymeric
Modifié par AymericJ (12 Aug 2006 - 11:53)
Administrateur
Bonjour,

Un bon tiers des sujets de ce Forum est lié à un "souci de présentation" Smiley cligne
Merci d'éditer le titre de ce sujet pour un titre plus évocateur et descriptif de ton problème,

Felipe
merci pour la reponse

en fait en effet le menu a l'air figé sur la hauteur

le conteneur et le pied s'adapte mais le menu ne va pas jusqu'en bas

je vais tenter le clear:both sur le conteneur et voir ca

voici un exemple du probleme rencontrer

http://www.leosthene.com/spip.php?page=plan
Modifié par fcdi (12 Aug 2006 - 12:53)
Bonjour,

Quelques petits problèmes d'arthrose du squelette SPIP à corriger au préalable Smiley cligne

		</div><!-- fin contenu -->

</div>	  <div id="pied"> <html>
<head>
<link href="squelettes/css/general.css" rel="stylesheet" type="text/css">
<link href="./css/general.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="footer" id="pied" >
en effet bizarre j'avais fait une copie du sommaire

je n'ai plus qu'a tout reverifier Smiley sweatdrop
sniff plus rien ne s'affiche

j'ai tester les modifications, cela ne marche pas

alors j'ai remis mon site et la plus rien

le site est la, mais pas de presentation
on dirait que le fichier css n'est pas trouver
Salut fcdi,
Apparemment ton fichier css n'est pas en ligne, ce qui explique l'aspect de ta page... Smiley rolleyes

Lorsque l'on regarde ton code source et que l'on copie-colle l'url du fichier css dans la barre d'adresse, on tombe sur ceci ... Smiley sweatdrop
Mets tes fichiers à jour et ça ira tout de suite beaucoup mieux Smiley cligne
c'est incroyable
j'avais pourtant remis ma sauvegarde de ca matin qui marchait
mais rien