Bonjour

ce site est génial, je déléguais le design maintenant je m'y frotte grace à ce site c'est génial, cependant il est vrai que ie c'est l' "enfer sur terre".
je m'explique j'ai tout essayé depuis 2 jours sans solutions :
je fais un site avec une colonne et un pied de page qui reste en bas, je fais donc le tuto 2 colonnes de meme hauteur avec pied de page fixe tout fonctionne mais mes champs inputs sont inaccessibles mais quand je fais comme dans le tuto du coup mon pied de page reste à mi-hauteur quand le contenu est long, bref j'ai le pied de page au milieu de la page

voici mon html :


<html>

	<head>
		
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		
		<script type="text/javascript" src="[var.ob.head.lib]"></script>
		<script type="text/javascript" src="[var.ob.head.gestion]"></script>
		
		<link rel="stylesheet" type="text/css" href="[var.ob.head.style]">
		
		<!--[if lte IE 6]>
			<link rel="stylesheet" type="text/css" href="[var.ob.head.style_ie]" media="screen" />
		<![endif]-->		
		
	</head>
	
	<body>
		
		<div id="global">
			
			<div id="header">
			</div>
			
			<div id="center">
				
				<div id="contents">
					
					<h3 id="titre">Identification pour accès à la gestion des expertises.</h3>
					
					<form name="fForm">
						
						<div id="identification">
							<div id="identifiant_label">
								Identifiant
							</div>
							<div id="identifiant_text">
								<input type="text" name="Identifiant">
							</div>
							<div id="motdepasse_label">
								Mot de passe
							</div>
							<div id="motdepasse_text">
								<input type="password" name="MotDePasse">
							</div>
							
							<div id="valider">
								<input type="button" value="Se connecter" onclick="Identification();">
							</div>
							
						</div>
						
					</form>
					
					
				</div>
				
				
			</div>
			
			<div id="footer">
				Pied de page
			</div>
			
		</div>
		
	</body>

</html>


mon css normal :

html{
	height:100%;
	margin:0px;
}
body{
	height:100%;
	margin:0px;
	background-image:url(../images/fond.png);
	font-family:Arial,Helvetica,sans-serif;;
}

#global{
	min-height:100%;
	width:980px;
	margin:0px auto;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	position:relative;
	background-image:url(../images/global.png);
}
#header{
	width:980px;
	height:200px;
	background-image:url(../images/bandeau1.png);
}
#center{
	padding-bottom:100px;
	overflow:auto;
}
#footer{
	position:absolute;
	bottom:0px;
	left:10px;
	height:40px;
	background-image:url(../images/pied.png);
	width:980px;
	color:#6D8856;
}

#contents{
	margin:0px;
	padding:0px;
}


#identification{
	margin-top:20px;
	height:100px;
}
#identifiant_label{
	float:left;
	width:480px;
	text-align:right;
	padding-right:5px;
	font-size:10pt;
	color:#6D8856;
}
#identifiant_text{
	float:right;
	width:480px;
	text-align:left;
	padding-left:5px;
}
#motdepasse_label{
	float:left;
	width:480px;
	text-align:right;
	padding-right:5px;
	margin-top:5px;
	font-size:10pt;
	color:#6D8856;
}
#motdepasse_text{
	float:right;
	width:480px;
	text-align:left;
	padding-left:5px;
	margin-top:5px;
}
#valider{
	float:right;
	width:100%;
	text-align:center;
	margin-top:5px;
}

h3#titre{
	text-align:left;
	background-image:url(../images/titre.png);
	margin:0px;
	height:40px;
	width:980px;
	font-size:11pt;
	color:#6D8856;
}


et le css de ie avec lequel je n'arrive plus a rien, du coup j'avance pas

body{
	text-align:center;
}
#global{
	height:100%;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://localhost/edl/partner/mouton/images/global.png",sizingMethod="scale");
}
#center{
	overflow:visible;
	height:1%;
}
#content{
	display:inline;
}



je suis un developpeur php, le design c'est bien, inkscape pour les png c'est le top, bref quand on arrive a ie, on perd toute illusions, j'espère que je vais retrouver espoir.

Encore merci de votre aide.
Salut,

le problème est dû à l'utilisation de la propriété filter. Comme indiqué dans le tuto, certains éléments interactifs de la page, comme les liens ou les éléments de formulaire sont parfois inutilisables.

Le problème devrait pouvoir être corrigé de la même manière que pour les liens, à savoir en appliquant
position: relative;
à tous les éléments concernés dans la feuille de style réservée à IE6.
Salut

après 2 heures de recherches Smiley biggol j'ai résolu en partie mon problème
j'ai du faire tous les mots clés possible sur google et lire 100 articles différents en anglais pour finalement comprendre le fonctionnement de ce filter et ce grace à ce site :
http://www.satzansatz.de/cssd/tmp/alphatransparency.html[/url]
en effet quand on passe la souris sur un lien dans la partie transparente, ça passe, cependant dans la partie non transparente, ça passe pas et moi mon immage de fond etait un degradé sur les côtés mais une couleur blanche dans l'image pour avoir un fond blans, et rien n'y faisait

j'ai repris mon png en mettant en transparent le blanc de mon image et de faire un

background-color:#FFFFFF;

du coup le filter au niveau de la transparence me permet d'accéder à mes inputs.

bon c'était laborieux, si quelqu'un à ce problème, pour qu'il évite de trop galérer, pouvez vous rajouter cette info dans le tuto, les <input> et <a> seront accésibles par un

position:relative;

si et seulement si il y a une zone transparente derrière.
et dans ce tuto il serait aussi sympa de rajouter le lien donné plus haut.

et là plus besoin de faire un
position:relative;
dans le body ou un
position:static;
dans le global qui font complètement sauter le pied de page.
Encore merci Smiley cligne
Modifié par capharnaEum_noob (06 Apr 2007 - 02:36)
Chers ami(e)s

comme mon pseudo l'indique je suis un noob.
j'ai entierement copié le tuto en local et testé sous firefox c'est parfait mais pas sur ie, et là je m'aperçoit que j'ai oublié une ligne :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
je la mets et tout marche nickel, je retourne sur ma page qui m***e et là magie tout impeccable.

voilà j'en ai appris plus sur le filtre directx et s'il vous plait, précisez sur le tuto que sans cette ligne faire un site sous ie c'est puiser l'eau d'un Virage !!!!!!

en tout cas merci pour ce site qui est vraiment pas mal

Hacker vaillant, rien d'impossible
Modifié par capharnaEum_noob (06 Apr 2007 - 04:59)
En même temps, oublier le doctype du document, c'est une belle boulette Smiley smile

Il me semble qu'il est bien recommandé au début du tuto de commencer par apprendre quelques notions de base, comme par exemple cet article Smiley cligne