Affichage different sous internet explorer et firefox

Logiciel & apps Programmation
1

Bonjour tout le monde!
Je voudrais vous faire part d’un petit soucie comme l’indique la rubrique ou je suis, j’ai un décalage de ma galerie photo sous internet explorer 7 mais sur Firefox tout est bien affiché.
Vous pouvez voir le résultat ici:
Firefox :
Internet explorer:]
Merci d’avance et bonne continuation
Edité le 16/12/2007 à 02:59

2

Salut,

J’ai viré ton mail afin d’éviter le spam, et les gens peuvent te contacter ici.
Peux-tu montrer le fichier css qui gère ta galerie ?

:jap:

3

Merci de ta réponse, c’est vrai j’avais oublié!
Ensuite j’ai voulu adapté le code pour pouvoir le mettre dans mon site, voici le css qui gère ma galerie photo, je n’ai pas nettoyer les choses inutiles encore:

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{
	width: 66px;
	float: right;
	margin: 1em;
	background-image: url(images/closelabel.gif);
	background-repeat: no-repeat;
	height: 22px;
}	



		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	
/* * * * * V 0.3 * * * * * /
/* html,body thanks to Torben  - [blog.schreiter.info...](http://blog.schreiter.info/) */
html, body {
	height:100%;
	min-height:100%;
}


	#imageContainer{
	padding: 10px;
	}
	
	a:link {
	text-decoration: none;
	color: #333;
	text-align: center;
	font-size: 14px;
}

.imageContainertable {
	font-size: 14px;
	color: #333333;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
}

a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #f78614;
}
a:active {
	text-decoration: none;
}

h1 {
	color: #333;
	font-size: 20px;
}

Merci
Edité le 16/12/2007 à 03:01