IE est incompatible avec le site...

Résolu
beber66 -  
 beber66 -
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

Réponse 1 / 7
Rodolphe_ Messages postés 1498 Date d'inscription   Statut Membre Dernière intervention   285
 
Bonsoir,
difficile de donner une idée sans voir le code html ni le css.
Tu n'utilises pas de frames au moins?
0
beber66
 
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
Réponse 2 / 7
LaurentJ
 
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
Réponse 3 / 7
Rodolphe_ Messages postés 1498 Date d'inscription   Statut Membre Dernière intervention   285
 
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
Réponse 4 / 7
beber66
 
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
Réponse 5 / 7
arkossss Messages postés 5 Date d'inscription   Statut Membre Dernière intervention   3
 
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
Réponse 6 / 7
beber66
 
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
Réponse 7 / 7
beber66
 
Je vais voir ton site Rodolphe merci
0

Discussions similaires

C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses
Comment remplacer Vivastreet ?
BEN64200 -
MystreeX -

2 réponses
'Votre colis est dans le site de livraison qui dessert votre adresse' que faire
relakztek82 -
Unemeuf -

25 réponses