salut, mon code html et css est valise et cependant il s'affiche bien sous firefox 3 mais tres mal sous firefox1 et internet6 par ex, je ne comprends pas...
je vous mets mon code au cas ou vous voudriez bien jetter un coup d'oeil:
HTML:
CSS:
merci beaucoup
je vous mets mon code au cas ou vous voudriez bien jetter un coup d'oeil:
HTML:
<?xml version="1.0" encoding="windows-1252" standalone="no"?>
<!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-BE">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Language" content="fr-BE" />
<meta name="DC.Language" content="fr" />
<meta name="DC.Creator" content="Nom Prénom" />
<meta name="DC.Format" content="text/html" />
<link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print" />
<!-- inclure le javascript -->
<script type="text/javascript" src="../js/script.js" ></script>
<title>titre ici</title>
</head>
<body>
<div id="basDePage">
<a href="http://validator.w3.org/">
<img src="../img/valid-xhtml10.png" alt="Validation XHTML 1.0!" />
</a>
<a href="http://jigsaw.w3.org/css-validator/">
<img src="../img/vcss.png" alt="Validation CSS!" />
</a>
</div>
<div id="global">
<div id="header">
<img src="../img/header.png" alt="header" title="en-tête"></img>
</div>
<div id="menu">
<ol class="onglets">
<li>
<a href="./1.html" class="NonActif">1</a>
</li>
<li class="actif">
<a href="./2.html" class="actif">2</a>
</li>
<li>
<a href="./3.html" class="NonActif">3</a>
</li>
<li>
<a href="./4.html" class="NonActif">4</a>
</li>
<li>
<a href="./5.html" class="NonActif">5</a>
</li>
<li>
<a href="./6.html" class="NonActif">6</a>
</li>
<li class="perso"> <img src="../img/perso.png" alt="">
</li>
</ol>
</div>
<div id="titleBar">
</div>
<div id="texte"> <!-- la zone de texte-->
<p> Zone de texte Zone de texte Zone de texte Zone de texte Zone de texte Zone de texte Zone de texte
</p>
</div> <!--fin zone texte-->
<div id="footer">
<p class="TexteBlanc">© texte</p>
</div>
</div>
</body>
</html>CSS:
html
{
font-size: 0.625em;
background-image: url("../img/fond.png");
font-family: "Microsoft Sans Serif", arial;
}
html *
{
margin: 0em;
padding: 0em;
}
ul,ol,dl
{
margin-left: 0em;
}
/*les onglets*/
ol.onglets
{
list-style-type: none;
margin-left: 0;
list-style-type: none;
height: 3em;
line-height: 2.9em;
border-bottom: 1px solid rgb(242,237,199);
padding-top: 2.5em;
text-align: center;
}
ol.onglets>li
{
width: 19em;
max-width: 19em;
white-space: nowrap;
overflow: hidden;
border-top: 1px solid rgb(242,237,199);
font-weight: bold;
}
ol.onglets>li>a.NonActif
{
display: block;
color: white;
font-size: 13px;
text-decoration: none;
}
ol.onglets>li.actif
{
background-color: rgb(242,237,199);
text-decoration: none;
}
ol.onglets>li>a.actif
{
font-size: 13px;
color: black;
text-decoration: none;
display: block;
}
ol.onglets>li.perso:hover
{
background-image: url("../img/fond.png");
}
ol.onglets>li:hover
{
background-color: rgb(185,8,6);
}
ol.onglets>li.perso
{
padding-top: 6.5em;
}
/*fin des onglets*/
/* le corps du site*/
div#global /*le bloc contenant le corps */
{
background-color: rgb(242,237,199);
height: 91em;
width: 89em;
margin-left: auto;
margin-right: auto;
margin-top: 0em;
}
div#header /*l'en tête*/
{
text-align: center;
padding-top: 1em;
}
div#menu /*le menu gauche*/
{
background-image: url("../img/fond.png");
height: 30em;
width: 19em;
margin-top: 2em;
margin-left: 2em;
float: left;
}
div#titleBar /*le titre de la zone de texte*/
{
background-image: url("../img/fond.png");
height: 2.5em;
width: 63em;
margin-top: 2em;
margin-left: 24em;
margin-right: 0em;
}
div#texte /*la zone de texte*/
{
/*background-image: url("../img/fond.png");*/
height: 60em;
width: 59em;
padding-top: 2.4em;
padding-left: 21em;
text-align: left;
font-size: 1.2em;;
max-width: 50em;
}
div#footer /*pied de page*/
{
background-image: url("../img/fond.png");
height: 2.1em;
width: 85em;
margin-top: -8.5em;
margin-left: auto;
margin-right: auto;
text-align: center;
}
p.TexteBlanc
{
font-size:120%;
color: white;
}
div#basDePage /* les logo de validations*/
{
float: right;
padding-top: 88em;
}
a img
{
border : none;
}
merci beaucoup
. 
Ce n'est pas inutile (sans effet) mais désastreux ...
)