problème décalage div à l'ajustement de la fenêtre sous IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : problème décalage div à l'ajustement de la fenêtre sous IE

ndbconseil

Bonjour tout le monde,

J'ai découvert le forum il y a peu de temps et espère y trouver réponse à mon problème.

J'ai donc un soucis de décalage de 3 de mes <div> quand je redimensionne la fenêtre d'IE 6 et 7 ou que j'ouvre mes favoris (ou mon historique). Quand la fenêtre est ouverte "normalement" (dans tout l'écran), le positionnement est ok. J'ai essayé plusieurs solutions : position : relative; position : absolute; etc... rien n'y fait. Sous Firefox, aucun problème.

Voilà mon css :

Code :

#chercher-bien {
width: 144px;
height: 110px;
margin-left: 17px;
margin-top: 12px;
}
#neuf {
width: 143px;
height: 111px;
margin-left: 160px;
margin-top: -110px;
}
#prestige {
width: 284px;
height: 108px;
margin-left: 18px;
margin-top: -213px;
padding-bottom: 14px;
}
#reference {
position: fixed;
width: 299px;
height: 31px;
background-repeat:no-repeat;
background-image: url(../images-css/reference.jpg);
margin-left: 308px;
margin-top: -109px;
}

voilà la page html qui correspond :

Code :

<a href="http://www.om.net" target="_self" onmouseup="window.open('http://www.om.net');">
<div id="chercher-bien">
<script type="text/javascript">
var mon_image_1 = new Image();
mon_image_1.src = './images-css/chercher-un-bien2.jpg';
var mon_image_2 = new Image();
mon_image_2.src = './images-css/chercher-un-bien.jpg';
document.write(' <img src="'+mon_image_1.src+'" onmouseover="this.src=\''+mon_image_2.src+'\'" onmouseout="this.src=\''+ mon_image_1.src+'\'" border=none />');
</script></div></a>
<a href="http://www.om.net" target="_self" onmouseup="window.open('http://www.om.net');">
<div id="neuf">
<script type="text/javascript">
var mon_image_1 = new Image();
mon_image_1.src = './images-css/neuf-et-vefa2.jpg';
var mon_image_2 = new Image();
mon_image_2.src = './images-css/neuf-et-vefa.jpg';
document.write(' <img src="'+mon_image_1.src+'" onmouseover="this.src=\''+mon_image_2.src+'\'" onmouseout="this.src=\''+ mon_image_1.src+'\'" border=none />');
</script></div></a>
<div id="reference">
<form action="referencedunbien.html method="post name="form" onsubmit="return validation2();">
<input class="login_ref" name="reference" type="text" />
<input class="bouton-ref" type="image" src="./images-css/connexion-ok.jpg"/>
</form>
</div>
<a href="http://www.om.net" target="_self" onmouseup="window.open('http://www.om.net');">
<div id="prestige">
<script type="text/javascript">
var mon_image_1 = new Image();
mon_image_1.src = './images-css/demeures-prestige2.jpg';
var mon_image_2 = new Image();
mon_image_2.src = './images-css/demeures-prestige.jpg';
document.write(' <img src="'+mon_image_1.src+'" onmouseover="this.src=\''+mon_image_2.src+'\'" onmouseout="this.src=\''+ mon_image_1.src+'\'" border=none /> ');
</script></div></a>

Le <div id="reference"> ne bouge pas, le soucis est sur les <div> "chercher-bien", "neuf" et "prestige". Ce problème pourrait-il ne pas aussi venir de la présence du javascript ?

En espérant avoir été clair. Merci d'avance pour votre aide.

Publicité

gebruik

Une balise <a> ne peut pas avoir pour élément enfant/descendant une balise <div>.
En règle générale, en XHTML, un élément de type en-ligne ne peut avoir que des éléments de type en-ligne comme descendants.

ndbconseil

Merci pour ta réponse.
J'ai modifié mon code suite à ta remarque mais le problème reste le même, le décalage est toujours présent sous IE. Quelqu'un verait-il une autre piste ?

Le code modifié :

Code :

<div id="chercher-bien">
<a onmouseup="window.open('http://www.google.fr', '_self');">
<script type="text/javascript">
var mon_image_1 = new Image();
mon_image_1.src = './images-css/chercher-un-bien2.jpg';
var mon_image_2 = new Image();
mon_image_2.src = './images-css/chercher-un-bien.jpg';
document.write(' <img src="'+mon_image_1.src+'" onmouseover="this.src=\''+mon_image_2.src+'\'" onmouseout="this.src=\''+ mon_image_1.src+'\'" border=none />');
</script></a></div>
<div id="neuf">
<a onmouseup="window.open('http://www.google.fr', '_self');">
<script type="text/javascript">
var mon_image_1 = new Image();
mon_image_1.src = './images-css/neuf-et-vefa2.jpg';
var mon_image_2 = new Image();
mon_image_2.src = './images-css/neuf-et-vefa.jpg';
document.write(' <img src="'+mon_image_1.src+'" onmouseover="this.src=\''+mon_image_2.src+'\'" onmouseout="this.src=\''+ mon_image_1.src+'\'" border=none />');
</script></a></div>
<div id="prestige">
<a onmouseup="window.open('http://www.google.fr', '_self');">
<script type="text/javascript">
var mon_image_1 = new Image();
mon_image_1.src = './images-css/demeures-prestige2.jpg';
var mon_image_2 = new Image();
mon_image_2.src = './images-css/demeures-prestige.jpg';
document.write(' <img src="'+mon_image_1.src+'" onmouseover="this.src=\''+mon_image_2.src+'\'" onmouseout="this.src=\''+ mon_image_1.src+'\'" border=none /> ');
</script></a></div>

Merci

gebruik

Pas de Doctype ?
Donc IE en mode dégradé.

Message cité 1 fois

ndbconseil

gebruik a écrit :

Pas de Doctype ?
Donc IE en mode dégradé.

J'ai bien un doctype

Code :

<!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">

, dans le post précédent j'ai juste mis la partie du code où est mon soucis.

Merci pour tes réponses.

Message édité par ndbconseil le 18-07-2008 à 14:01:37

gebruik

Tu as une URL ou regarder ton site ?

Message cité 1 fois

ndbconseil

gebruik a écrit :

Tu as une URL ou regarder ton site ?

Non, désolé, je n'ai pas d'URL. J'ai réussi à régler le problème sous IE7 en plaçant un de mes blocs avec un float et le reste avec des position:absolute. Cependant, le problème reste le même avec IE6 (je m'arrache les cheveux !!).

Merci de ton aide.

FORUM HardWare.fr

Programmation

HTML/CSS

problème décalage div à l'ajustement de la fenêtre sous IE

Sujets relatifs
[Javascript] Problème simple de syntaxe !	Probablement un problème de regexp....? (extraction d'URL)
Probleme liens non surlignes dans opera/firefox	Javascript: getDay() souffre-t-il du décalage horaire ?
Automatiser IE dans une macro Excel	Probleme de tri + selection de page
[Résolu]Problème de requête SELECT	[URL REWRITING] Règle qui pose problème
probleme requete jointure et distinct	Problème de calcul modulo
Plus de sujets relatifs à : problème décalage div à l'ajustement de la fenêtre sous IE

Page générée en 0.059 secondes