IE est incompatible avec le site...

Résolu/Fermé
beber66 - 28 nov. 2010 à 16:05
 beber66 - 29 nov. 2010 à 19:37
Bonjour,
J'ai crée un site pour un ami via Notepad++,
sous Firefox le site est nickel (j'entend par là les éléments sont la ou je le veux)
mais en passant sous IE, il y a des décalages
Si je modifie pour que ce soit bien sous IE, c'est Firefox qui ne s'affiche plus correctement
Voici le site sous Firefox :
http://img256.imageshack.us/img256/6163/firefoxx.jpg

Et ici sous Internet Explorer :
http://img255.imageshack.us/img255/9123/internetexplorer0.jpg

A voir également:

7 réponses

Rodolphe_ Messages postés 1498 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 285
28 nov. 2010 à 23:13
Bonsoir,
difficile de donner une idée sans voir le code html ni le css.
Tu n'utilises pas de frames au moins?
0
Non pas de frames, du CSS :

<html>
<head>
<style type="text/css">
body
{
margin: 0;
padding: 0;
text-align: center;
background : #FFFFFF url(http://img208.imageshack.us/img208/4325/fondgris.jpg) ;

}

#conteneur
{
position: relative;
margin: 1em auto;
width: 760px;
height : 570px;
text-align: left;
background : #A0CFEC left top no-repeat;
}

#entete
{
width: 760px;
height : 120px;
border : 0px dashed #f55;
}

#menu
{
position : absolute;
top : 120px;
left : 0px;
width: 160px;
height : 470px;
border : 0px dashed #5f5;
}

#corps
{
position : absolute;
width: 582px;
height : 450px;
top : 120px;
left : 165px;
overflow : auto;
padding : 10px;
border : 0px dashed #55f;
}

#pied
{
position : absolute;
top : 590px;
left : 0;
width : 760px;
height : 30px;
border : 0px dashed #555;
}

#navlist
{
color: white;
background: #A0CFEC;
border-bottom: 0.2em solid #A0CFEC;
border-right: 0.2em solid #A0CFEC;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #98AFC7;
border-width: 1px;
border-style: solid;
border-color: #DDDDDD #242424 #4B4B4B #2B3856;
border-left: 1em solid #202020 ;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#courant { border-color: #DDDDDD #242424 #4B4B4B #CFECEC; }

#navlist a
{
width: 99%;

}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
}

#navcontainer>#navlist a
{
width: auto;
}

#navlist a:hover, #navlist a#courant:hover
{
background: #5E767E;
border-color: #000000 #4B4B4B #ffffff #DDDDDD;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#courant:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}
</style>
<script language="javascript">
var d = new Date() ;
var m = d.getMonth();
var j = d.getDate( );
var a = d.getFullYear( );
var l = d.getDay( );
</script>
<title>LOCATION COLLIOURE</title>
<meta name="ROBOTS" content="All" />
<meta name="AUTHOR" content="Damien BERENGUEL" />
<meta name="OWNER" content="berenguel.damien@live.fr />
<meta name="LANGUAGE" content="FR" />
</head>

<body>
<!-- MENU DE GAUCHE -->
<div id="conteneur">
<div id="entete">
<p style="line-height:200px;text-align:center;margin:0;"><a href="#" title="location appartements Collioure"><img src="http://img813.imageshack.us/img813/7864/fondcorps.jpg" alt="Maison du Reve - Location Appartements Collioure" class="logo" border="0"></a>
</p>
</div>
<div id="menu">
<div id="navcontainer" style="width:180; overflow:auto; border:solid 0px black; background-image:url('.\IMAGES\fond.bmp') ">
<center><ul id="navlist">
<li id="active"><a href="./test.html" id="courant">Accueil</a></li>
<li><a href="./test2.html">Situation géographique</a></li>
<li><a href="./test3.html">Description du meublé</a></li>
<li><a href="./test8.html" >Visite virtuelle</a></li>
<li><a href="./test4.html" >Nos tarifs</a></li>
<li><a href="./test5.html">L'accès</a></li>
<li><a href="./test6.html">Contactez-nous</a></li>
<li><a href="./test7.html">English <img src="http://adelassus.fr/images/uk_flag" border="0"></a></li>
</ul>
</div><br><i><font size="2" color="#000000">
</div>
<div id="corps"><p style="color:#888;"> <FONT face="Segoe UI" color="#8A4117" size=5><b>
<font size="2" face="Arial Black" color="#657383">

<script language="javascript">
m ++;
switch (m)
{
case 1 : m="Janvier";
break;
case 2 : m="Fevrier";
break;
case 3 : m="Mars";
break;
case 4 : m="Avril";
break;
case 5 : m="Mai";
break;
case 6 : m="Juin";
break;
case 7 : m="Juillet";
break;
case 8 : m="Aout";
break;
case 9 : m="Septembre";
break;
case 10 : m="Octobre";
break;
case 11 : m="Novembre";
break;
case 12 : m="Decembre";
break;
default : m=" ";
}

switch (l)
{
case 1 : l="Lundi";
break;
case 2 : l="Mardi";
break;
case 3 : l="Mercredi";
break;
case 4 : l="Jeudi";
break;
case 5 : l="Vendredi";
break;
case 6 : l="Samedi";
break;
case 7 : l="Dimanche";
break;
default : l=" ";
}
document.write ("<b><center> Bienvenue sur notre site, nous sommes le ");
d.getDay( );
document.write (l);
document.write (" ");
d.getDate( );
document.write (j);
document.write (" ");
d.getMonth();
document.write (m);
document.write (" ");
d.getFullYear( );
document.write (a);
document.write("<br>");

</script></font>
<font size="2" face="Arial Black" color="#657383"><center></i>DE PARTICULIER A PARTICULIER</font>
<br><blink> Nouveau : appartement climatisé</blink>
<br> A 50m de la mer, au coeur du village de Collioure
<br> Appartement 2/4 et 5/6 personnes
<br> 60€ la nuitée hors saison : profitez-en!
<br><br><img src ="http://dac.gen.xyz/cart.html?sld=languedoc-roussillon&tld=.eu.com&ref=slds" height="100" width="150" border="1">
<br><font size="2" face="Arial Black" color="#657383"><i><center>N'hésitez pas à nous contacter : </i></font><br><font size="3" face="Arial Black" color="#657383"><A HREF="mailto:maisondureve@free.fr">maisondureve@free.fr</A></font>
<br><p class="MsoHeading7"><b><font size="4" color="#808080" face="Arial Black">
<marquee align="middle" behavior="alternate" bgcolor="#A0CFEC">De Octobre
à Mai : nuitée à  60 € </marquee></font></font></i></div>
<div id="pied">
<p style="line-height:30px;text-align:center;margin:0;"></i></b></b></b></b><font size="1" face="Verdana" color="#000000">https://www.locationcollioure.com/ - dernière mise à jour : Novembre 2010</p>
</div>
</body>
</html>
0
salut
peut-être en essayant de mettre ça dans le head après ta meta standard

<meta http-equiv="X-UA-Compatible" content="IE=8" />

ciaoo
0
Rodolphe_ Messages postés 1498 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 285
29 nov. 2010 à 18:17
Ton positionnement me parait vraiment bizarre.
Pourquoi les blocs sont en absolus avec des top, pourquoi ne pas jouer sur le positionnement naturel?

Regardes sur ce site, ils donnent des gabarits : http://www.alsacreations.com/static/gabarits/liste.html
0
ca n'a par marché mais j'ai réussi en ajoutant 20px de largeur dans le corps a ce que ce soit a peu près correct sur les 2 navigateurs
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
arkossss Messages postés 5 Date d'inscription lundi 29 novembre 2010 Statut Membre Dernière intervention 29 novembre 2010 3
29 nov. 2010 à 19:07
En théorie, si ton camarade doit coder son site pour un travail scolaire il devrait le rendre compatible avec IE, Mozilla, Chrome et éventuellement Lynx.
J'ai souvent résolu mes soucis de CSS en définissant tous mes "margin" a Auto quand je n'en assignais pas.

La meilleure solution reste le bon vieux template que tu va modifier et qui t'assure d'avoir un Body qui tient la route
0
c'est rien de scolaire,
c'est juste avec ma courte experience en prog HTML/java je tente refaire le site d'un cousin
pour les templates, on fait comment? :)
0
Je vais voir ton site Rodolphe merci
0