28173 sujets

CSS et mise en forme, CSS3

[résolu]Un footer qui passe en dessous du contenu

bonjour à tous,
mon problème est illustré par ces deux images qui parleront beaucoup plus qu'une description. Je me travaille le cerveau depuis plus d'une heure à trouver la solution, en rien !
merci par avance à vous.

PS: sous IE, celà marche, mais sous FF ça marche pas Smiley decu

http://aaarohhh.free.fr/upload/img1.jpg

résultat souhaité:
http://aaarohhh.free.fr/upload/img2.jpg

voici le code CSS

body {
	background: #2E2D2E;
	font: normal 80%/1em "Trebuchet MS", helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

#header {
	position: relative;
	width: 800px;
	height: 170px;
	background: url('img/header.jpg') no-repeat left top;
	margin: 0 auto;
	text-align: left
}

#sousheader {
	width: 800px;
	height: 20px;
	background: url('img/sousheader.jpg') no-repeat left top;
	margin: 0 auto;
}

#global {
	width: 800px;
	background: #3C3C3C;
	margin: 0 auto;
	text-align: center;
}

#global #general {
	float: right;
	width: 620px;
	background: #3C3C3C;
}

#global #menus {
	float: left;
	width: 180px;
	background: #3C3C3C;
}

#global #presentation {
	float: left;
	width: 620px;
	margin: 0;
	text-align: left;
	background: #3C3C3C;
}


#footer {
	width: 800px;
	height: 30px;
	background: url('img/footer.jpg');
	color: white;
	text-align: right;
	margin: 0 auto
}
#footer p {

	color: #000;
	font-size: 1em
}
#footer a {
	color: #fff;
	text-decoration: none
}


HTML:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>-</title>
</head>

<body
	<div id="header">

	</div> <!--fin header-->
	<div id="sousheader">
	</div> <!--fin headersous-->
	
	<div id="global">
	
			<div id="general">
				<div id="presentation">
				Text intérieur<br><br>
				</div><!--fin présentation-->
			</div><!--fin general-->
			<div id="menus">
				Test<br><br><br><br><br><br>
			</div><!--fin sidebar-->
			
	</div><!--fin global-->
	
   
	<div id="footer">
	<p>Footer avec pleins de texte blablablablablablablablablablablablablablablablablablablablablablablablabla</p>
	</div><!--fin footer-->


</body>
</html>

Modifié par neraul (05 Jun 2007 - 21:46)
salut,

peut-être un clear:both; sur le footer? y a du float-ant au-dessus.

et ta balise <body est pas refermé.

pascal.
Sujet clos
Aller à