Affichage sous IE 5.5 - HTML/CSS - Programmation
Marsh Posté le 31-05-2005 à 10:10:41
colle aussi le code HTML
et enlève le . à la fin du lien
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é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>
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 :
|
(pour mettre le conteneur au milieu)
puis
Code :
|
(bah oui, tout le texte était au milieu, a cause du nouveau body, on le remet à gauche)
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
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