Décalage Firefox...

par **Tigunn** » 20 juil. 2006, 10:52

Salut thedeviltogta 8)

je pense que ton problème peut venir de ta css. QUant on regarde sous IE et FF je remarque que c'est ta <div id="copyright"> qui est mal positionné : sous FF elle apparait en haut du body.
Ensuite, l'attribut background-attachment que tu utilise dans ton code s'écrit plutôt comme ca :

Code : Tout sélectionner

backgroundAttachment="fixed"

l'orthographe que tu utilise c'est celle de l'attribut CSS.

Mais je trouve pas d'autres choses ...
Alors tu peu avoir plus d'explications en téléchargant la barre WebDevelopper de Firefox (recherche "addon mozilla" dans google ou site de FF). elle te donnera plus de précisions et tu pourras voir les limites de tes div dessiné sur ta page.

bon dev'

par **thedeviltogta** » 15 juil. 2006, 13:21

Bonjour à tous,

alors voila j'ai un petit problème avec le codage d'un kit. Il passe sans problème sous internet explorer, alors que sous Firefox il y a un leger décalage au niveau du corps et le footer ne s'affiche pas...

Voici mon html :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <link href="style.css" rel="stylesheet" type="text/css" />

        <title>Kit Trash</title>
    </head>


<body>

    <div id="container">

        <div id="haut"></div>    
          <div id="header"></div>
        
            <div id="menu"><br />
                                 <a href="accueil.html" target="contenu">Lien 01</a> - <a href="accueil.html" target="contenu">Lien 02</a> - <a href="accueil.html" target="contenu">Lien 03</a> - <a href="accueil.html" target="contenu">Lien 04</a> - <a href="accueil.html" target="contenu">Lien 05</a> -
                                 <a href="accueil.html" target="contenu">Lien 06</a> - <a href="accueil.html" target="contenu">Lien 07</a> - <a href="accueil.html" target="contenu">Lien 08</a> - <a href="accueil.html" target="contenu">Lien 09</a> - <a href="accueil.html" target="contenu">Lien 10</a> -
                                 <a href="accueil.html" target="contenu">Lien 11</a> - <a href="accueil.html" target="contenu">Lien 12</a> - <a href="accueil.html" target="contenu">Lien 13</a> - <a href="accueil.html" target="contenu">Lien 14</a>
            </div>
        
              <div id="corps">
                <iframe src="accueil.html" width="884" height="340" background-attachment="fixed" name="contenu" border="0" frameborder="0"></iframe>    
              </div>
        
        <div id="copyright"></div>
        
      </div>
        
</body>

</html>

et mon CSS :

Code : Tout sélectionner

body {
    background: url(images/fond.png);
     margin: 0;
     padding: 0;
     font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;
     font-size: small;
     scrollbar-face-color: #6b6b6b;
     scrollbar-shadow-color: #404040;
     scrollbar-highlight-color: #a7a7a7;
     scrollbar-3dlight-color: #000000;
     scrollbar-darkshadow-color: #000000;
     scrollbar-track-color: #b0acad;
     scrollbar-arrow-color: #1d1d1d;
     color: #ffffff;
}

div#container {
    margin: 0 auto;
    width: 950px;
}

/* links */

a:link {
    color: #876F36;
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    color: #876F36;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

a:active {
    color: #876F36;
    text-decoration: none;
    font-weight: bold;
}


div#haut {
    width: 1025px;
    height: 119px;
    background: url(images/haut.gif) 0 0 no-repeat;
}    


div#header {
    width: 998px;
    height: 210px;
    background: url(images/header.gif) 0 0 no-repeat;
    margin-left: 30px;
}

div#menu {
   width: 922px;
   height: 65px;
   background: url(images/menu.gif) 0 0 no-repeat;
   margin-left: 58px;
   padding-left: 50px;
}

div#corps {
   width: 922px;
   height: 1px;
   background: url(images/corps.gif) 0 0 repeat-y;
   margin-left: 58px;
   padding-left: 20px;
}

div#copyright {
   width: 922px;
   height: 16px;
   background: url(images/copyright.gif) 0 0 repeat-y;
   background-repeat: no-repeat;
   margin-left: 58px;
   margin: auto;
}

Puis l'adresse de ma page : http://devil-land.exolia.net/kitrash/

Merci beaucoup d'avance de votre aide

Décalage Firefox...

Répondre

Étendre la vue Revue du sujet : Décalage Firefox...

Décalage Firefox...