Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1696 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Affichage sous IE 5.5

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Affichage sous IE 5.5

n°1102513
Nic_79
Posté le 31-05-2005 à 10:04:21  profilanswer
 

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
mood
Publicité
Posté le 31-05-2005 à 10:04:21  profilanswer
 

n°1102536
gatsusat
Posté le 31-05-2005 à 10:10:41  profilanswer
 

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


Message édité par gatsusat le 31-05-2005 à 10:11:00
n°1103034
Nic_79
Posté le 31-05-2005 à 15:42:44  profilanswer
 

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
n°1103080
zapan666
Tout est relatif
Posté le 31-05-2005 à 16:16:13  profilanswer
 

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 !
n°1104655
Nic_79
Posté le 01-06-2005 à 21:35:51  profilanswer
 

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


---------------
Nic

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Affichage sous IE 5.5

 

Sujets relatifs
Probleme d'affichage d'un CStringAffichage puce dans une liste
probleme affichage japplet sous ie dans du htmlProbleme affichage Japplet sous ie
Pb d'affichage de ScrollBar et d'un JButonProblème affichage image dans un JLabel
[QT/VisualC++] pb d'affichage, conversion projet QT<->VisualC++affichage tableau
[C++] affichage d'un snake en mode textepb affichage graphique
Plus de sujets relatifs à : Affichage sous IE 5.5


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR