Affichage sous IE 5.5

Affichage sous IE 5.5 - HTML/CSS - Programmation

Marsh Posté le 31-05-2005 à 10:04:21    

J'ai un problème d'affichage avec mon site sous IE 5.5 à mon lieu de travail. Le conteneur n'est pas centré. Est-ce un bug d'IE. Dois-je corriger un élément de ma feuille de style. Merci de me renseigner. Voici l'adresse de mon site : www.nicolas79.ch. Voici le code de ma feuille de style : body {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 margin: 10px 0;
 padding: 0;
 background-color: #EEEEEE;
  }
a {
text-decoration:none;
color:#0000FF;
}
 
a:hover {
color:#F01D00;
text-decoration:underline;
}
a:active {color: #4E5278;}
 
div#conteneur {
 width:650px;
 margin:0 auto;
 text-align:left;
 border: 2px solid #E0E6FC;
 background: #fff;
 height: 550px;
}
div#contenu {
 text-align:left;
 float:left;
 margin-left:25px;
 padding-left: 10px;
 margin-bottom:220px;
 width : 40%;
 background-color: #F7FBFF;  
 }
#contenu h1{
 color:#000099;
 font-size:large;
 }
#contenu p{font-size:small;
color:#000099;
align-text:left;}
 
h1#header {
 width:100px;
 height:50px;
 font-size:16px;
 font-weight:bold;
 font-family: Verdana, Arial;
 text-align: left;
 letter-spacing: 5px;
 text-decoration: none;
 margin-top: 10px;
 margin-left: 10px;
 color: #6894FB;
 
}
#headermenuhorizontal {
 width:650px;
 height:15px;
 margin-top:10px;
 margin-bottom:10px;
 text-align: right;
 font-family: Verdana, Arial;
 color:#FF0000;
 font-size: small;
 word-spacing: 5px;
 background-color: #EDF0FE;      
}
 
#menugauche {
 float: left;
 width: 25%;
 margin-left: 5px;
 font-family: Verdana, Arial;
 text-align: left;
 }
#menugauche li {
 border-bottom:1px solid #ececec;
 text-align: left;
 font-size:small;
 list-style-position: inside;
 list-style-type: none;
 left: auto;
 margin-left: -35px;
 background: url(/Images/fleche.gif) no-repeat center left;
 padding-left: 10px;
  }
 
.sections_title {
 font-size:10px;
 letter-spacing: 2px;
 color:#000099;
 text-align:center;
 background-color: #EDF0FE;
 }
#menudroite {float : right;
width : 25%;
margin-right: 5px;
text-align : left;
}
#menudroite li {border-bottom:1px solid #ececec;
 text-align: left;
 font-size:small;
 list-style-position: inside;
 list-style-type: none;
 left: auto;
 margin-left: -35px;
 list-style-image: url(/Images/fleche.gif);
 }
#pied {
 width:650px;
 height: 26px;
 text-align: center;
 clear:both;
 font-family: Verdana, Arial;
 font-size: small;
 font-weight:bold;
 color:#000099;
 word-spacing: 12px;
 margin-top: 25px;
 margin-bottom: 5px;
 line-height: 130%;
}
 


---------------
Nic
Reply

Marsh Posté le 31-05-2005 à 10:04:21   

Reply

Marsh Posté le 31-05-2005 à 10:10:41    

colle aussi le code HTML
et enlève le . à la fin du lien


Message édité par gatsusat le 31-05-2005 à 10:11:00
Reply

Marsh Posté le 31-05-2005 à 15:42:44    

voici le code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta http-equiv="content-language" content="fr"/>
<title>Site personnel de Nicolas</title>
<link rel="stylesheet" type="text/css" href="monstyle.css" />
 
</head>
 
<body>
<div id="conteneur">
 <h1 id="header">nicolas79.ch</h1>  
 <div id="headermenuhorizontal"><a href="Default.htm">Accueil</a> | Contact  | Plan du site</div>
 
    <div id ="menugauche">
    <h1 class="sections_title">PRESENTATION</h1>  
  <ul>
         <li class="li1">Qui suis-je ? </li>
   <li class="li1">CV</li>
        <li class="li1"><a href=>Liens</a></li>
      </ul>
 
 </div>
 <div id="contenu">
      <h1>Bienvenue</h1>
   <p>Je vous souhaite la bienvenue sur la nouvelle version de mon site personnel.</p>
   <p>Ce site respecte d&eacute;sormais les standards du W3C en XHTML et CSS.</p>
   <p>Ce site me permettra de d&eacute;velopper mes connaissances dans ce domaine. </p>
 
 </div>
<div id="menudroite">
<h1 class="sections_title">RECHERCHER</h1>
<div align="center">
  <FORM ACTION="http://search.freefind.com/find.html" METHOD="GET"  target="_self">
<FONT size=1 face="arial,helvetica" >
<INPUT TYPE="HIDDEN" NAME="id" VALUE="9551149">
<INPUT TYPE="HIDDEN" NAME="pageid" VALUE="r">
<INPUT TYPE="HIDDEN" NAME="mode" VALUE="ALL">
<INPUT type="HIDDEN" name="t" value="w">
<INPUT NAME="query" TYPE="TEXT" value="Recherche" SIZE="15">
<small>  
<INPUT TYPE="SUBMIT" VALUE=" OK "><br>
</small></font>
 
  </FORM>
 
</div>
</div>
<div id="pied"> &copy; Copyright 2002-2005 nicolas79.ch</div>
</div>
</body>
</html>


---------------
Nic
Reply

Marsh Posté le 31-05-2005 à 16:16:13    

uhm, sous IE 6, tu dois avoir le même problème, non ?  
 
tente un p'tit

Code :
  1. body { text-align: center; }


(pour mettre le conteneur au milieu)
 
puis

Code :
  1. #conteneur { text-align: left; }


(bah oui, tout le texte était au milieu, a cause du nouveau body, on le remet à gauche)


Message édité par zapan666 le 31-05-2005 à 16:16:40

---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 01-06-2005 à 21:35:51    

Le problème est toujours là - sous IE 6 ça fonctionne mais pas sous IE 5


---------------
Nic
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed