CSS et mise en forme (verticale Menu fixe + contenu)

madx · 25 Février 2004

Bonjour,

Je me prend la tête sur un truc tout con (enfin je pense)
Je veux faire une mise en forme basic, colonne de taille fixe a droite pour les menus et 100% en hauteur de la page, et à droite du menu le contenu qui prend toute la largeur et la hauteur de la page.
Simple mon problème est que si on reduit la taille de la page en hauteur je me retrouve avec du blanc en bas et sur le coté.
Voici mon code:

Code:

<body>
<div id="conteneur">
	<div id="menu">
	<a href=""><img src="/images/menu1.gif" alt="menu1" /></a>
	<a href=""><img src="/images/menu2.gif" alt="menu1" /></a>
	<a href=""><img src="/images/menu3.gif" alt="menu1" /></a>
	<a href=""><img src="/images/menu4.gif" alt="menu1" /></a>
		<br />
		<br />
		blabla</a>
		<br />
		</div>

	<div id="contenu">
bla...balb...bla...bla...bla.bla...balb...bla...blabla...balb...bla...bla...bla.bla...balb...bla...bla
	</div>
</div>
</body>

le CSS est:

Code:

/* CSS Document */
html,body{
background:#ffffff;
height:100%;
margin:0;
padding: 0;
/*overflow: hidden;*/
}
#conteneur{
height:100%;
width:100%;
}
#menu{
background:#E8CE34;
float:left;
height:100%;
margin:0;
padding:0;
width:120px;
display: inline; 
}
/* hide from mac \*/ 
* html #menu {margin-right: -3px;} 
* html #contenu {margin-left: 0;} 
/* end hide */ 

#contenu{
background:#2A4F8F;
height:100%;
margin:0;
padding:0;
margin-left: 0;
}

Merci encore de votre aide.

yannouk · 25 Février 2004

je comprends pas le probleme
si on reduit la taille du conteneur ou si on reduit la taille du navigateur?

blabla</a> cette balise ne s'ouvre nulle part

du blanc en bas et sur le cote, c'est pas normal avec:

html,body{
background:#ffffff;

???

madx · 25 Février 2004

si on reduit la taille du navigateur et que l'on scroll vers le bas,on se retrouve avec du blanc sur le contenu avec Ie ou sur tout le bas avec Mozilla.
Ce n'est pas normal car je mets height:100% partout.
Pour blabla c'est une ptite erreur de copier/coller.

BadProcESs · 26 Février 2004

Arf... Tu serais pas en train de passer ton site en XHTML 1.1 par hasard ?
Si c'est le cas, bienvenue au club (des emm*****)... Moi j'ai passé une journée (sic !)rien que pour bien positionné tous mes cadres et que tout passe bien sur IE, Mozilla et Opera...

Bref, bon courage (mais il parait que ca "paye" après, donc pense à la récompense

)

madx · 26 Février 2004

si si le pire c'est que je veux faire un truc simple !!
Je fait un autre site plus compliqué (centre etc..) et je coutourne facilement les pbs mais la impossible !!
Si tu as une solution je t'envoie l'adresse en mp.
Je me dis que les tableaux c'etait simple et surtout tu as le meme rendu sur tous les navigateurs.