Problème navigateur

Bo,njour à tous ,

j'ai un problème , je viens de coder mon site mais il y a un problème :

Voici le code :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta content="text/html; charset=ISO-8859-1"http-equiv="content-type">
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="css.css" />
<title>Mon porte folio</title>
</head>
<body>

<div id="en_tete">
</div>

<div id="nav">

<span id="acceuil">
</span>

<span id="creation">
</span>

<span id="liens">
</span>

<span id="moi">
</span>

</div>

<div id="corp1">
</div>

<div id="corp2">
</div>

<div id="corp3">
</div>

<div id="pied">
</div>

</body>
</html>

Code:: body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}
#en_tete
{
background-image: url("images/headers.png");
width: 760px;
height: 189px;
float:center;
}
#acceuil
{
background-image: url("images/acceuil.png");
width: 192px;
height: 73px;
}
#creation
{
background-image: url("images/creations.png");
width: 161px;
height: 73px;
}
#liens
{
background-image: url("images/partenaires.png");
width: 175px;
height: 73px;
}
#moi
{
background-image: url("images/moi.png");
width:232px;
height: 73px;
}
#corp1
{
background-image: url("images/corp1.png");
width:760px;
height: 33px;
}
#corp2
{
background-image: url("images/corp2.png");
width:760px;
height: 390px;
}
#corp3
{
background-image: url("images/corp3.png");
width:760px;
height: 41px;
}
#pied
{
background-image: url("images/pied.png");
width:760px;
height: 74px;
}

Sur IE,, Tout s'affiche corectement mais le design n'est pas centrer , screen : http://apu.mabul.org/up/apu/2007/12/29/img-n75tmajpw9k.png.html

Sur firefox , le design s'affiche centrer sauf que la barre de navigation ne s'affiche pas , screen : http://apu.mabul.org/up/apu/2007/12/29/img-p1lm9upbukn.png.html

Merci d'avence ^^

Déjà, pourquoi a tu fait une <div id=nav>? Il me semble qu'il n'apparaît pas dans le css. ^^

Après, je te conseille ce tutoriel , qui est vraiment excellent pour tout ce qui est probleme entre navigateur. Wink

Sur IE le problème est tout a fait normal. IE ne "comprent" pas énormément de balise, d'ou son abandon de plus en plus grand.

Par contr sur Firefox je vait esaye de voir d'ou vient ton problème …
Alors essaye de rerouper les images de ton diz dans le fichier html, se qui t'evitera beaucops d'id qui au cas ou seront remplacer par des class dans les balise images…

euh c'est normal que j'ai mis un <div id="nav"> car un span se trouve automatiquement dans un div , c'est ce qui est marqué sur le site du zero ^^

Edit: je viens de finir de lire le tutos , j'ai donc réussi a tout bien mettre en place sur IE mais pas sur firefox :/

Définis "nav" dans ton fichier css en mettant la longueur et je te parie que ça marche!
Si ça marche pas, passe moi ce que tu as fait et je te le fait ce soir. Enfin si tu veux ^^

Salut, remplace tes "id" par "class" car sous firefox sa ne peut etre utiliser qu'une seule fois normalement et tu devrais voir apparaitre tes liens. Ensuite j'ai aussi remarquer que ta borne meta n'etais pas fermé mais tu la sans doute reparé. Wink

On ne peut utiliser qu'une fois des id, c'est vrai, mais il n'a pas utilisée une id plusieurs fois, donc ça devrait être bon.

Par contre, c'est vrai qu'il faudrait fermer ta balise méta. Wink

Aie je vois des id partout, sa ne compte que comme une seule? (Je n'ai pas fini d'apprendre les codage encore ^^)

Tu a pas le droit d'avoir plusieurs id identique dans une page, par contre, t'a le droit d'avoir plusieurs id non identiques.

Donc ca t'a pas droit:

Code:: <div id='test'>Test</div>
<p>Blabla</p>
<div id='test'>Encore un test...</div>

Par contre ca tu peut:

Code:: <div id='test'>Test</div>
<p>Blabla</p>
<div id='autretest'>Encore un test...</div>

Voila tout. ^^

Ah ok je croyais qu'on avais pas le droit a sa justement ^^

» Votre Navigateur Internet