Décalage sur mouvement souris

Bonjour

J'en ai vu des absurdités avec ce bien aimé ie au point que je me demande s'il existe quelque part une pétition pour demander à Ms de rembourser les nombreuses heures passées à bidouiller nos sites pour les faire marcher sous cet explorateur m..ique.
Si elle existe, merci de me dire où, je signe.

Mais voici un pb inédit (à ma connaissance): un site qui fonctionne partfaitement sous firefox, comme d'habitude et qui malgré les nombreux hacks spécial ie ne fonctionne pas avec celui-ci: http://www.trocmania.fr/

Loggez-vous sous test, pass 000000 et cliquez sur "plateforme" "PC" à gauche. Une liste de jeux apparait avec votre liste de réservation en div flottant à droite. Mais ne bougez plus la souris ! Car alors le bloc central (div content) se décale vers le bas d'une hauteur apparemment corellée à la hauteur de la liste (cliquez sur xbox, ça descend plus bas).

Voici l'essentiel du CSS:

#page{
	width: 900px;
	position: absolute;
	left: 50%;
	margin-left: -422px;
	padding:0;
}
span.pathway{

}
span.pathway a{

}
span.pathway a:hover{

}
a:link, a:visited{
	text-decoration:none;
	color:white;
	font-weight:bold; 
}
a:hover{
	background-color:#993365;
}
a img {
	border: 0;
}
a#reserver img{
}
a#reserver:hover img{
	border: solid 2px;
	background-color:white;
}

p{
	margin:5px
}

.clr{
	clear					: both;
}

#header{
	width:841px; height:120px;
	border-right:solid 5px #993365;
	border-left:solid 2px #80817e;
	border-top:solid 2px #80817e;
	overflow:hidden;
}
#topmenu{
	width:843px; height:18px; _width:711px;
	background:#cd0067;
	border-right:solid 5px #993365;
}
#topmenu a:link, a:visited{
	font-weight:bold; font-size:12px;
}
#topmenu table{
	margin-left:130px;
}
.mainlevel-nav{
	margin:4px;
}
.mainlevel-genres{
	margin:8px; line-height:22px; text-align:center;
}
.mainlevel-bas{
	margin:8px;
}

#footer{
	width:848px; _width:711px; 
	background:#cd0067;
}
#footer a:link, a:visited{
	color:white;
	font-weight:bold; 
	font-size:12px;
}
#footer table{
	margin-left:130px; padding-top:5px;
}

#col-gauche{
	background:#cd0067; width:107px; height:510px;
	float:left;
}
#col-gauche a:link, a:visited{
	font-weight:bold; font-size:12px;
}
.animation_flash {
	width:107px; height:166px;
	}
#left{
}
#left td{
padding-left:2px;
}

#user1{
color:white;
}
#user1 td{
text-align:center
}
#user1 a{
font-size:12pt
}

#content{
	margin:0; padding:0;
	width:731px; height:500px; _width:734px; _height:510px;
	border:solid 5px #993365;
	overflow:scroll;
	_position:relative; _left:-3px;//bug ie Three Pixel Jog
}

#content a:link, #content a:visited{
color:#cd0067;
}

#content a:hover{
color:white;
}

#main{

}
#main-left{

}

#inset{
float:right;
width:240px;
margin:10px;
_margin:0px;
padding:0px;
}

#reservation{
color:black;
}
#reservation th{
background:#dddddd;
border-bottom: 3px #cccccc solid;
font-size:7pt;
}
#reservation td{
background:#dddddd;
border-bottom: 3px #cccccc solid;
font-size:7pt;
text-align:center;
}

#main-right{
	margin:0px;
	padding:0px;
}

#right{
background:#cd0067;
float:right;
height:340px;
_height:500px;
width:50%;
color:white;
padding:10px;
padding-top:150px;
}
#right a:link, right a:visited{
color:white;
}
#right a:hover{
color:#cd0067;
background:#eeeeee;
}

 

Modifié par kmchen (05 Jan 2007 - 01:05)

Double post et pas de balise code

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

désolé pour les balises code. rectifié.
Pour le double (triple) post, c'est parceque je ne sais pas si mon pb relève du CSS, javascript ou AJAX. Je ne comprends pas pourquoi vous avez supprimé les autres POSTS car je suppose que tout le monde ne lit pas les mêmes rubriques et peut être qu'un spéciaiste du javascript aurait pu m'aider.
Modifié par kmchen (05 Jan 2007 - 01:14)