28172 sujets

CSS et mise en forme, CSS3

Deux zones à coller en bas ?

Bonjour,

J'ai un souci avec mon CSS (je suis débutant).
Je n'arrive pas à placer ma zone "marron" (nuage) et la zone du dessus (liens bas) en bas de la page (collé en bas).

De plus, voyez vous des problèmes de compatibilité ?

URL : ICI


<html>
	<head>
		<style>
			body {
				margin:0; /* Haut Droit Bas Gauche ( 0 0 0 0)  | (0 0) -> HB GD | (0) --> HBDG */
				padding:0;
				border:0;
				background-color:#AFAFAF;
			}
			#feuille {
				width:977px;
				margin:0 auto; /* 0 en haut et bas, auto en gauche droite donc centré  */
				padding:0;
				border:0;
				background-color:#FFFFFF;
			}
			#contenant {
				width:975px;
				border-top:0;
				border-left:solid 1px #000000;
				border-right:solid 1px #000000;
				border-bottom:0;
				background-color:#FFFFFF;
			}
			#haut_liens {
				width:100%;
				height:34px;
				background-color:#0FF000;
			}
			#haut_menu {
				width:100%;
				height:95px;
				background-color:#843286;
			}
			#separation {
				width:100%;
				height:20px;
				background-color:#FFFFFF;
			}
			#zones_grises {
				width:100%;
				height:288px;
				background-color:#323353;
			}
			#entrees {
				width:100%;
				height:113px;
				background-color:#323353;
			}
			#nuage {
				width:100%;
				height:52px;
				vertical-align:bottom;
				background-color:#450002;
			}
			#bas_liens {
				width:100%;
				height:20px;
				vertical-align:bottom;
				background-color:#00FF00;
			}
			#contenu {
				width:100%;
				height:100px;
				background-color:#BBBBBB;
			}
			#contenu_interieur {
				float:left;
				width:775px;
				height:100px;
				background-color:#DDDDDD;
			}
			#gauche {
				float:left;
				width:100px;
				height:100px;
				background-color:#00F0F0;
			}
			#droite {
				float:left;
				width:100px;
				height:100px;
				background-color:#0000FF;
			}
		</style>
	</head>
	<body>
		<div id="feuille">
			<div id="contenant">
				<div id="haut_liens">Liens</div>
				<div id="haut_menu">Menu</div>
				<div id="separation">Vide</div>
				<div id="contenu">
					<div id="gauche">Gauche</div>
					<div id="contenu_interieur"><a href="index.htm">Afficher l'accueil</a></div>
					<div id="droite">Droite</div>
				</div>
				<div id="separation">Vide</div>
				<div id="bas_liens">Liens bas (collé en bas normalement)</div>
				<div id="nuage">Nuage  (collé en bas normalement)</div>
			</div>
		</div>
	</body>
</html>

Modifié par redregis (31 Mar 2008 - 15:50)
Salut,

Tu dois te douter que la grande majorité des sujets ici sont des demandes d'aide.

Ton sujet va donc malheureusement vite se perdre dans la masse, tout simplement parce que tu ne donnes pas assez de précision dans ton titre Smiley decu

Par ailleurs, aurais tu une page en ligne qui nous aiderait à ne pas refaire mentalement le travail du navigateur, nous donnant déja un aperçu de la page plutôt que d'avoir à se l'imaginer. Smiley cligne
Voilà qui est fait...
Désolé mais je suis un peu overbooké et je n'ai pas pris le temps nécessaire...
Modifié par redregis (31 Mar 2008 - 15:51)
Sujet clos
Aller à