Me voila sur ce forum car je rencontre un problème sur mon site web avec Internet explorer 6 & 7.
(aucun soucis sur Mozilla et Chrome)
En Revanche voici ce que ça donne sur IE7 :
http://img84.imageshack.us/i/sitea.jpg/
Les bordure de mes block n'apparaisse pas, mes liens sont en couleurs, et ne sont pas centrer verticalement.
J'aurais aimer savoir si quelqu'un savais pourquoi car je ne voit aucune problème dans mon .css et .htm (Je débute en même temps
)voici mon code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="oracle.css" />
</head>
<body>
<!-- EN TETE -->
<div id="header">
<!-- Ici on mettra la bannière -->
</div>
<!-- MENU -->
<div id="menu">
<div class="element_menu">
<p><a href="" title="">Forum</a></p>
</div>
<div class="element_menu">
<h4>Recrutement</h4>
<ul>
<li class="a">Ouvert</li>
<li class="b">Ouvert</li>
<li class="c">Fermé</li>
<li class="d">Ouvert</li>
<li class="e">Fermé</li>
<li class="f">Fermé</li>
<li class="g">Ouvert</li>
<li class="h">Ouvert</li>
<li class="i">Ouvert</li>
<li class="j">Fermé</li>
</ul>
</div>
<div class="element_menu">
<p><a href="" title="Cliquer pour déposer votre candidature">Postuler</a></p>
</div>
<div class="element_menu">
<h4>Guilde Armurie</h4>
<a href="" title="L'armurie de la guilde"><img class="wow" src="images/wow.png" alt="wow"/></a>
</div>
</div>
<!-- CORPS DU SITE -->
<div id="corps">
<h3>Adieu Valiona et Theralion</h3>
<h6><strong>Le Mercredi 2 mars 2011 - 19h47</strong></h6>
<img class="down" src="images/down.jpg" alt="down"/>
<p>Bla bla.</p>
<HR class="ligne" SIZE=1/>
<h3>Adieu Valiona et Theralion</h3>
<h6><strong>Le Mercredi 2 mars 2011 - 19h47</strong></h6>
<p>Bla bla.</p>
<p>Bla bla.</p>
<p>Bla bla.</p>
</div>
<!-- FOOTER -->
<div id="footer">
<p><strong>© 2010-2011</strong> - Tous droits réservés.</p>
</div>
</body>
</html>body
{
background-image: url("images/fond.jpg");
background-attachment: fixed;
width: 746px;
margin: auto;
margin-bottom: 20px;
margin-top: 20px;
}
#header
{
width: 744px;
height: 342px;
background-image: url("images/header.png");
background-repeat: no-repeat;
margin-bottom: 15px;
border: 1px grey solid;
}
#menu
{
float: left;
width: 160px;
}
.element_menu
{
background-color: black;
border: grey solid 1px;
margin-bottom: 10px;
/min-height: 50px;
}
.element_menu h4
{
color: grey;
text-align: center;
font-family: Verdana, Arial, Serif;
}
.element_menu p
{
color: grey;
text-align: center;
font-size: 1,5em;
font-family: Verdana, Arial, Serif;
font-weight: bold;
}
.element_menu p a
{
color: grey;
}
a
{
text-decoration: none;
}
.element_menu ul
{
font-family: Verdana, Arial, Serif;
Font-size: 1em;
}
/* a Death knight */
.a
{
list-style-image: url("images/dk.gif");
color: green;
}
/* b Druide */
.b
{
list-style-image: url("images/dr.gif");
color: green;
}
/* c Hunter */
.c
{
list-style-image: url("images/hu.gif");
color: red;
}
/* d Mage */
.d
{
list-style-image: url("images/ma.gif");
color: green;
}
/* e Paladin */
.e
{
list-style-image: url("images/pa.gif");
color: red;
}
/* f Pretre */
.f
{
list-style-image: url("images/pr.gif");
color: red;
}
/* g Rogue */
.g
{
list-style-image: url("images/ro.gif");
color: green;
}
/* h Chaman */
.h
{
list-style-image: url("images/ch.gif");
color: green;
}
/* i Démonistre */
.i
{
list-style-image: url("images/de.gif");
color: green;
}
/* i Guerrier */
.j
{
list-style-image: url("images/wa.gif");
color: red;
}
#corps
{
background-color: black;
border: grey solid 1px;
margin-left: 170px;
margin-bottom: 10px;
padding: 10px;
font-family: "Comic Sans MS", Verdana, arial, serif;
}
#corps p
{
color: grey;
text-align: justify;
text-indent: 15px;
font-family: arial, serif;
font-size: 0.9em;
}
#corps p:first-letter
{
color: White;
font-size: 1.2em;
}
#corps h3
{
color: white;
font-weight: bold;
background-image: url("images/titre.png");
background-repeat: no-repeat;
padding-left: 35px;
text-align: left;
font-family: Verdana, arial, serif;
}
#corps h6
{
color: #454545;
text-align: right;
font-family: Verdana, arial, serif;
}
.ligne
{
margin-bottom: 30px;
}
.down
{
display: block;
width: 450px;
margin: auto;
border: solid white 1px;
}
.wow
{
display: block;
width: 135px;
margin: auto;
border: none;
padding-bottom: 20px;
}
#footer
{
color: grey;
text-align: center;
font-size: 0.6em;
background-color: black;
border: grey solid 1px;
margin-left: 170px;
margin-bottom: 20px;
padding: 2px;
font-family: Verdana, arial, serif;
}
#footer strong
{
font-weight: bold;
color: white;
}Merci d'avance,
Cordialemen, Iceid.
^^
