Affichage sous IE 5.5

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Affichage sous IE 5.5

Nic_79

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

Publicité

gatsusat

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

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

Nic_79

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ésormais les standards du W3C en XHTML et CSS.</p>
<p>Ce site me permettra de dé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"> © Copyright 2002-2005 nicolas79.ch</div>
</div>
</body>
</html>

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

zapan666

Tout est relatif

uhm, sous IE 6, tu dois avoir le même problème, non ?

tente un p'tit

Code :

body { text-align: center; }

(pour mettre le conteneur au milieu)

puis

Code :

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

Nic_79

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

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

FORUM HardWare.fr

Programmation

HTML/CSS

Affichage sous IE 5.5

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

Page générée en 0.063 secondes