firefox rajoute des passage a la ligne

Sujet résolu

16 juillet 2006 à 15:33:54

bonjour ,
j'ai crée un site il fonctionne super bien sous IE par contre firefox me pose certain ennuis...

j'ai crée un beau menu avec les bordure qui colle presque au lettre question d'éstétique mais firefox me rajoute un passage a la ligne en début et fin de mon <div> se qui fais que mon menu passe en dessou de la page principale et puis meme quand je le fais repasser au dessu s'est moche avec les passage a la ligne! je voudrais donc suprimer s'est espace si vous comprenez pas essayer se lien avec IE et firefox

Serial-Raptor

16 juillet 2006 à 15:35:06

Salut

Tout d'abord,un petit conseil avant que l'on puisse répondre à ton problème,il nous faut ton code XHTML et CSS (que tu metras entre les balises code

matsou03

16 juillet 2006 à 15:41:02

le html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Kaboomz.be</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" media="screen" type="text/css" title="index1.css" href="style/index1.css" />
</head>
<body>

<div id="en_tete">
<a href="index.html"><center><img src="miniature/bantsp.gif"></center></a>
</div>

<div id="menu"><p><a href="index.html"><strong> Acceuil</strong></a> <strong>/</strong><a href="selectionvideo.html"><strong> Vidéo</strong></a> <strong>/</strong> <a href="image.html"><strong>Image </strong></a><strong>/</strong><a href="selectionvideo.html"><strong> Radio</strong></a> <strong>/</strong><a href="contact.html"><strong> Contact</strong></a>
</p>
</div>

<div id="choix"><p>
<center><h2>| Les petites dernières |</h2></center><br><br>
<a href="F1.html"><sup>BoomZ F1</sup><img src="miniature/F1.jpg"></a><br><br>
<a href="Rally-Crash.html"><sup>BoomZ Rally</sup><img src="miniature/arbolsalvador.jpg"></a><br><br>
<a href="Crashavion.html"><sup>BoomZ avion</sup><img src="miniature/Crashavion.jpg"></a><br><br>
<a href="F1_2.html"><sup>BoomZ F1</sup><img src="miniature/F1_crash.jpg"></a><br><br>
<a href="videoavion.html"><sup>compilZ</sup><img src="miniature/avion.jpg"></a><br><br>
</p></div>

<div id="copyright"><p>copyright tout droits réservé à moi<img src="miniature/Diable.jpg"/></p>
</div>

</body>
</html>

et le css

img
{
border : none
}
body
{
background-image : url("../miniature/fond1.jpg");

}
a
{
color : #637c75;
text-decoration:none;
}
a:hover
{
color:blue;
}
#menu
{
text-align :center;
color : #637c75;
width :80%;
float: left;
background-color:white;
border: 1px dotted black;
border-color : #637c75 ;
position: absolute;
left: 10%;
top: 170px;
font-size :16px ;
}
#choix
{
text-align :right;
color : #637c75;
width :80%;
float: left;
background-color:white;
border: 1px dotted black;
border-color : #637c75 ;
position: absolute;
left: 10%;
top: 190px;
font-size:24px;
}
#copyright
{
text-align :center;
color : black;
width :80%;
float: left;
border: none ;
position: absolute;
left: 10%;
top: 1100px;
}

matsou03

17 juillet 2006 à 12:16:03

personne sais m'aider ? o_O

je suis sur que si

strucky

17 juillet 2006 à 13:38:43

1- Ne pas travailler avec des positions absolute.
2- Le design se met par l'intermédiaire des css, et non d'images
3- Un doctype en xhtml 1.1 ne te servira à rien
4- center => non valide en xhtml

matsou03

17 juillet 2006 à 14:03:39

ok ok je vais changer tout sa et puis je met résolu car j'ai réussi a mettre mon menu ( au bout d'une semaine il était temp

)

merci quand meme a vous

NaBiSs

18 juillet 2006 à 19:24:31

Fais gaffe aussi, remplace tes <br> par des <br />. C'est mieux :p.