POSITION: absolute et IE7

Bonjour,
je fais appel aux spécialiste CCS pour un soucis de compatibilité IE7
en effet je souhaite afficher un pied de page, mais qui, s'affichent en bas de page, si c'elle ci ne prend pas toute la hauteur
j'ai procédé ainsi :

	#footer {
	/* float: left; */
		LEFT: 0px;
		BOTTOM: 0px;
		POSITION: absolute;

		width: 100%;
		background-color: inherit;
		background-repeat: no-repeat;
		text-align: center;
	}

sous IE6 ok
sous IE7 : le footer ne se positionne pas tout en bas de la page, mais en bas ce que l'on voit, (puis bouge en mm temps que la page)
Merci bcp
Modifié par mickythekiller (06 Feb 2008 - 21:36)

Bonjour,

Tout d'abord merci d'utiliser les balises BBcode(code) pour structurer ton post. Ensuite, avec si peu d'information difficile de répondre, ton position:absolute peut avoir un comportement différent selon le contexte de la page.

Résumons : Mettre un lien vers une page en ligne. Merci.

C'est de l'intranet et c'est confidentiel

Il y a moyen d'extraire une page au format html et de la mettre sur un serveur temporaire non ? Quitte a brouiller le contenu avec du faux texte. M'enfin, c'est qu'une question de bonne volonté, nous ne sommes pas devin.
Un médecin ne donne pas de diagnostic par téléphone, là c'est un peu pareil, apportez au moins la partie du corps qui est malade. Héhé.

la partie y est non ?

mickythekiller a écrit :
la partie y est non ?

Bonjour,

Non, c'est très partiel et sans le code html il n'y a rien à en dire.

ps: merci d'éditer ton post pour présenter lisiblement ton code.

Effectivement, la partie n'y est pas. Notamment, on ne sait pas:
- si la page sera bien interprétée en mode Standard et pas en mode Quirks;
- quels sont les styles appliqués à l'élément html;
- quels sont les styles appliqués à l'élément body;
- si l'élément HTML qui porte l'identifiant "footer" est un enfant direct de body, ou pas;
- etc.

Donc impossible de t'aider à corriger ton essai.

Tout ce qu'on peut faire, c'est t'indiquer un modèle. Par exemple:
http://web.covertprestige.info/test/16-page-sur-toute-la-hauteur-et-pied-de-page-2.html

C'est justement le modèle que j'ai pris pour mon pied de page
et qui n'est pas compatible avec IE7
j'envoi le code demain, c'est de l'intranet

mickythekiller a écrit :
C'est justement le modèle que j'ai pris pour mon pied de page
et qui n'est pas compatible avec IE7

Le modèle est compatible IE7 (vérifié à l'instant).

@charset "iso-8859-1";	
@import url("menuh.css");
html {
	scrollbar-face-color: #7189AB; 		/* dessus des boutons et barre de défilement */
	scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #000000; 
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #94A9CA; 	/* fond de la barre */
	scrollbar-arrow-color: #FFCC00; 	/* flèches */
	overflow:hidden;
	overflow-y:auto;
}
body {
	MIN-HEIGHT: 100%;
	HEIGHT: 100%;
	top: 0px;
	left: 0px;
	POSITION: absolute;
	padding: 0px;						/* Marge interieur */
	margin: 0px;						/* Marge exterieur */  
	font-family: Arial, Tahoma, serif;	/* Choix de la Police */
	font-size: 70%;						/* Taille du texte */
}
img {
	border-style: none;					/* Pas de Bordure */ 
	margin: 0px;
	padding: 0px;
	/*margin-left: 5px;*/				/* Marge exterieur Gauche */
	/*margin-right: 5px;*/				/* Marge exterieur Droite */
}
a {
	text-decoration: none;				/* Suppression des valeurs par defaut (souligné...) */
}
h2 {
	text-indent: 20px; 					/* Indentation du texte pour ne pas ecrire sur l'image */
	font-family: Arial, Verdana, "Times New Roman", serif;	/* Police du texte */ 	
	background: url("../data/images/titlebg.gif") no-repeat left;	/* Image du Titre */
	/*background: url("../data/images/Noel/boules01.gif") no-repeat left;*/	/* Noel */
	padding-left: 10px;	   				/* Marges interieur-gauche */
	padding-right: 10px;				/* Marges interieur-droite */
	margin: 0px;						/* Marges exterieur */
} 
h3 {
	text-indent	: 20px; 				/* Indentation du texte pour ne pas ecrire sur l'image */
	font-family	: Arial, Verdana, "Times New Roman", serif;	/* Police du texte */ 	
	padding-left	: 10px;	   			/* Marges interieur-gauche */
	padding-right	: 10px;				/* Marges interieur-droite */
	margin		: 0px;					/* Marges exterieur */ 
	color		: #CC0000;
} 
blockquote {
	border-style:ridge;
	text-align: center;
	background-color: #0099CC;
	padding: 5px;
}
.new {
	margin-left	: 5px;					/* Marge exterieur */
	background-color: yellow; 
	font-size	: 0.7em;	  			/* Taille du Texte */
}
.saison {
	/*background: url("../data/images/Noel/guirelande007.gif") repeat-x fixed bottom left;*/	/* Decoration de la saison */
}

/* Header */
	#header {
		background: #112b4d;
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 9px;
		padding-top: 0px;
	}
	
/* Corps de la page */	

.sommaire ul {	
	 	list-style-image: url("../data/images/chek.gif");	/* Puces en image */ 
		color: #3a3a99;		   	/* Couleur du texte */
		font-weight: bold; 		/* Texte en Gras */
		font-size: 1.5em;		/* Taille du Texte */
		padding: 0px; 			/* Marge interieur */
		padding-left: 20px;		/* Marge interieur-gauche */
	}
.sommaire caption {
	  	font-size: 2em;			/* Taille du Texte */
		color: #990033;		   	/* Couleur du texte */
		padding-bottom: 30px;		/* Marges interieur */	
	}
.sommaire {
	margin: 0 50px 0 ;
}
#contenu {
width: 940px;
}	 

	#corps {
		width: 940px;
	 	margin: 0 40px 80px 40px;		/* Marge */
	}
		#corps a {
			color: #3a3a99;		   	/* Couleur du lien */
			text-decoration: none;	/* Suppression des valeurs par defaut (souligné...) */
		 }
		#corps a:hover {
			color: #8b1714;			/* Couleur au Survol du lien */
		 } 
		#corps table {
			border-style: none;	/* Pas de Bordure */ 
			margin: auto;			/* Centre le tableau */	
			font-weight: bold; 		/* Texte en Gras */	
		 }
		#corps tr {
			vertical-align: top;	/* Alignement Vertical des lignes */ 
		 }
		#corps td {
			/*padding: 5px;*/	  		/* Marges interieur */
			/*margin: 5px;*/			/* Marges exterieur */	
			/*background: url("../data/images/Noel/cadeau005b.gif") no-repeat left;*/	/* Noel */
		 } 
		#corps p {
			font-size: 1em;
			margin: 0px 0px 5px;
			color: #353f49;
			line-height: 1.6em;
			padding-top: 0px;
		 }
		#corps p.main {
			font-family: Arial;
			font-size: 15pt;
			font-weight: bold;
		 }
		#corps dl {
			/*background: url("../data/images/Noel/boules006b.gif") no-repeat left;*/
			/*background: url("../data/images/Noel/cadeau005b.gif") no-repeat left;*/
		 }
		#corps dt {
			font-size: large;  
			font-style: italic;
			font-weight: bold;
			/*background: url("../data/images/Noel/houx18b.gif") no-repeat center;*/   
		 }
		#corps dd {
			font-size: 1em; 
			font-family: arial;
			font-weight: bold;
			/*background: url("../data/images/Noel/cloche001.gif") no-repeat right top;	*/
		 }
		#corps dt.main {
			font-size: large;
			color: #006699;  
			font-style: italic;
			font-weight: bold; 
			background: url("../data/images/right.png") no-repeat left top;
		 }	
		 #corps dd.main {
			font-size: 1.5em; 
			font-family: arial;
			font-weight: bold; 
		 }
	.descriptif caption {
	  	font-size: 2em;			/* Taille du Texte */
		color: #990033;		   	/* Couleur du texte */
		padding-bottom: 30px;		/* Marges interieur */	
	}
	.descriptif table {
		font-size: 0.6em;
	}
	.descriptif tbody {
	 	font-size: 1.5em;		/* Taille du Texte */	
	} 


/*	.descriptif thead, tfoot {
/*	 	font-size: 1em;			/* Taille du Texte */	
/*		color: #99CCCC;		   	/* Couleur du texte */
/*		text-align: center;		/* Position du texte */
/*	} 
*/
	.descriptif_table {
		font-size: 1.7em;		/* Taille du Texte */	
		color: #99CCCC;		   	/* Couleur du texte */
		text-align: center;		/* Position du texte */
	} 
	.descriptif strong {
		color: #006699;			/* Couleur du texte */
	}
	.descriptif h2 {
		color: #006699;			/* Couleur du texte */ 
		font-size: 1.3em;		/* Taille du Texte */	
		text-align: center;		/* Position du texte */
		background: none;		/* pas de puce */
		padding-bottom: 30px;	/* Marges interieur */	
	} 
	.descriptif p {
		width: 100%;
	}
	.info p {
	 	width: 120px;  			/* Taille du paragraphe */
	}
	.mail-admin {
	 	text-decoration: underline;	/* Texte souligné */
		vertical-align: middle;	/* Alignement : en haut */
		text-align: center;		/* Position du texte */
	} 
	.mail-admin a {
	 	text-decoration: underline;	/* Texte souligné */
		vertical-align: middle;	/* Alignement : en haut */
		text-align: center;		/* Position du texte */
		color: #3a3a99;		   	/* Couleur du lien */
		background-color: yellow;
	} 
	.titre-erreur {
	 	white-space: nowrap;	/* pas de passage à la ligne automatique */
		color: #990000;		/* Couleur du texte */
	}
	.annonce {
	 	list-style-image: url("../data/images/right.png");	/* Puces en image */ 
		color: #3a3a99;		   	/* Couleur du texte */
		font-weight: bold; 		/* Texte en Gras */
		font-size: 1.4em;		/* Taille du Texte */
		margin-top: 2px;		/* Marges exterieur-haut */
		padding: 0px; 			/* Marge interieur */
		padding-left: 20px;		/* Marge interieur-gauche */
	}
	#visuel {
		background-color: #EEE9A4;
		color		: #003366;
		float		: left;
		border		: 1px black;
	}
	#code blockquote {
		background-color: black;
		color		: white;
		font-size	: 0.8em;
		float		: right;
		border		: 1px black;
		overflow	: auto;
		width		: 500px;
		height		: 250px;
	} 
	.active {
		color: #f0f2f4;			/* Couleur du lien actif en cours */
	} 
	.help {
 	cursor: pointer;			/* Curseur en forme de main */
	}
	.red {
		color: #8b1714;
		width: 100%;
		font-size: 2em;
		font-weight: bold;
		background-color: inherit;
		background-repeat: no-repeat;
		background-position: center left;
      }	
	.icones {
 	text-align: center;
	margin: 0 0 15px 0;  
	}
	.recherche {
 	text-align: center;
	font-weight: bold;
	margin: 0px;  
	font-size: 1.3em;	  		/* Taille du Texte */
	}
	.recherche span {
 		background-color: yellow;
	}
	.procedure {
		
	}
	.procedure_cellule {
		border-style: ridge;
		text-align: center;
		color: white;
		background-color: #0099CC;
		padding: 5px;
	}
	.definition {
		text-align: center;
		color: #9b9bd9;
		font-size: 1.3em;
		font-weight: bold;
		margin: 25px;
	}
	.definition fieldset {
		border: #3a3a99;
	}
	.definition legend {
		color: #3a3a99;
	}
	.definition hr {
		color: #8f1605;
	}

/* Footer */
	#footer {
	/* float: left; */
		LEFT: 0px;
		BOTTOM: 0px;
		POSITION: absolute;

		width: 100%;
		background-color: inherit;
		background-repeat: no-repeat;
		text-align: center;
		color: #919fae;
	}
	#footer a {
		color: #8b1714;
		background-color: inherit;
	}
	#footer a.admin {
		text-decoration: none;
		color: #919fae;
		background-color: inherit;
	}

/* Glossaire */
#tab-resultats {
	/* Tableau des résultats*/
	border: 1px solid;
	width: 100%;
	vertical-align: top;
}
#tab-resultats-entete {
	/* En-tête du tableau des résulats */
	background-color: #D6D6D6;
	font-weight: bold;
}
#tab-validation {
	/* Tableau des définitions à valider */
	border: 0px;
}
#tab-validation-mot {
	/* Tableau des définitions à valider, ligne du mot */
	font-weight: bold;
}
#tab-validation-def {
	/* Tableau des définitions à valider, ligne de la définition */
	font-weight: normal;
}
#tab-admin-rubrique {
	/* Rubriques de la page d'admin*/
	background-color: #D6D6D6;
	font-weight: bold;
	text-indent: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#tab-login {
	/* Tableau de login*/
	border: 1px solid;
	width: 100%;
}
.erreur {
	/* Affichage des erreurs ou infos */
	COLOR: Red;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
}
.resultat{
	font-size: 12px;
	color: #990033;
	font-weight: bold;
}
.tab-mot {
 	color: #990033;
}

.tabnormal {
	BACKGROUND-COLOR: white
}
.tabover {
	BACKGROUND-COLOR: #FFFF00
}

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="pragma" content="no-cache">
<meta name="ROBOTS" content="all" />

<!-- Footer -->
<div id="footer">

	<img alt="Mail" src="<?php echo $site_adrr; ?>data/images/mail.gif"> </a>
(2,50 Go - 16 000 fichiers - 600 dossiers)
	<br />
	<a href="<?php echo $site_adrr; ?>maj.php">Mises à jour</a>	/ 
	<!-- Date de modif -->
	<span style="color: #006699; cursor: default">
	<?php
		setlocale(LC_ALL,'french'); 
		echo "Dernière modification effectuée le ".date("d/m/y à H:i", getlastmod());
	?> 
	</span>
	<!-- /Date de modif -->	


	<!-- phpmyvisites -->
	<script type="text/javascript">
	var a_vars = Array();
	var pagename=document.title;
 	var phpmyvisitesSite = 1;
 	var phpmyvisitesURL = "<?php echo $site_adrr; ?>phpmv2/phpmyvisites.php";
	</script>
	<script language="javascript" src="<?php echo $site_adrr; ?>phpmv2/phpmyvisites.js" type="text/javascript"></script> 
	<noscript><p>phpMyVisites | Open source web analytics
		<!-- <img src="<?php echo $site_adrr; ?>phpmv2/phpmyvisites.php" alt="Statistics" style="border:0" /> -->
		</p>
	</noscript>
	<!-- </a> -->
	<!-- /phpmyvisites --> 

	
	<!-- Date du jour 
	<span style="color: #006699"><b>
	<script type="text/javascript" language="javascript" src="../script/datejour.js"></script>
	</b></span>	
	 /Date du jour --> 	 
	 


</div>		  
<!-- /Footer -->   

</body>
</html>

Modifié par mickythekiller (08 Feb 2008 - 00:35)

mickythekiller a écrit :
C'est justement le modèle que j'ai pris pour mon pied de page

Tu n'as pas suivi toutes les instructions du modèle. Donc ça ne marche pas. CQFD.

Edit: bon allez, on va donner quelques pistes:
- html devrait être en height: 100%;
- body devrait être en height: 100% mais pas en min-height: 100%;
- tu devrais avoir un conteneur global unique (div#global ou div#page, je ne sais plus comment c'est dans le modèle) en min-height: 100% avec correctif via commentaires conditionnels pour IE6 uniquement, et pas d'éléments dans la page en dehors de ce conteneur global (en gros, il s'agit de faire un «double» de l'élément body avec une div).

Je te conseille vraiment de reprendre le modèle, qui marche bien, et si besoin de reprendre ton intégration à partir de ce modèle.
Modifié par Florent V. (08 Feb 2008 - 10:08)