8792 sujets

Développement web côté serveur, CMS

Bonjour!
Je ne sais pas du tout où mettre ce post! Soit ici, soit dans CSS, soit dans HTML!!

Pour vous présenter le problème rapidement, voici la page:
http://patheticlovers.free.fr/

Sous IE, aucun problème (pour une fois, c'est pas lui qui bug!), par contre sous Firefox il y a un décalage dans l'image!


Cette page est (pour le moment) formé de l'index.php avec deux includes: un head, et un menu (qui début là où il y a du texte).

Le head est composé de 4 images, pour des raisons de poids (j'ai plus ou moins compressé en fonction de la zone bois ou photo), donc je ne peux pas faire de background en css...

Ici il y a le Header qui est "includé":
http://patheticlovers.free.fr/html/head/head-fr.php
et là tadaaaa aucun problème de décalage

Donc ca vient forcement de la fonction Include.. (d'où le fait que je poste ca ici...)

Je vous mets le code placé dans le index.php (sans la partie <head></head>, etc...), l'include du header et pour finir le CSS lié.
Si vous avez des questions, n'hésitez pas à me demander des infos!

Page Index.php
<body>

   <?php include("html/head/head-fr.php"); ?><?php include("html/menu/menu-fr.php"); ?>

</body>


Include head-fr.php (désolé si le code parait dégeux, mais si je saute une ligne dans le code entre chaque image, ca me mets un décalage entre les images!)
<link href="../../css/style1/citylite.css" rel="stylesheet" type="text/css">
        <div id="en_tete"><img src="../../images/head/01.jpg" alt="Première image HEAD" width="168" height="122"  /><img src="../../images/head/02.jpg" alt="Deuxième image HEAD" width="434" height="122" /><img src="../../images/head/03.jpg" alt="Troisième image HEAD" width="173" height="122"  /><br><img src="../../images/head/04.jpg" alt="Quatrième image HEAD" width="775" height="103"  /></div>



CSS
body
{
width: 775px;
margin: auto;
background-color: black;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}

p
{
padding: 0px;
margin: 0px;
}

img
{
padding: 0px;
margin: 0px;
}

#en_tete
{
width: 775px;
height: 225px;
}

#menu
{
width: 775px;
height: 85px;
background-image: url(../../images/menu/menu-bg.jpg);
color: white;
font-weight:bold;
}



Merci encore! Smiley ravi
Modifié par Ariakan (26 Feb 2006 - 19:03)
bon... Ne vous prenez pas la tête, j'ai "trouvé d'où était le problème"...
J'étais en XHTML 1.1, et là je suis passé en XHTML 1.0 transitionnel, et le problème est parti!

Faudra quand même que je vois pourquoi ca faisait ca... en tout cas c'est résolu pour le moment, merci!