probleme d'affichage de mon site avec firefox

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par actiglob, 19 Mai 2008.

  1. actiglob
    actiglob Nouveau WRInaute
    Inscrit:
    19 Mai 2008
    Messages:
    1
    J'aime reçus:
    0
    bonjour,

    j'ai concu un site http://www.nextpublicity.com en utilisant le css. sous IE le site s'affiche tres bien mais sur firefox, il ya un probleme de couleur de backgroud du contenu que tout devient rouge plus un decalage au niveau du div header

    merci d'avance pour votre aide.

    le fichier html:
    ------------------------------------------------------------------------------
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//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" />
    <title>Document sans nom</title>
    <link rel="stylesheet" type="text/css" href="image/style.css" />
    <style type="text/css">
    <!--
    .Style2 { color: #616161;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    }
    .Style7 { color: #FE0C08;
    font-weight: bold;
    }
    -->
    </style>
    </head>


    <body>
    <div class="header">
    <div class="image-accueil"><div class="logo-menu">
    <div class="logo"> </div><div class="menu">
    <ul>

    <li class="active"><a href="index.html" accesskey="i">Accueil</a></li><li><span class="contenu">l</span><a href="references.html"><strong>R&eacute;f&eacute;rences</strong></a></li>

    <li><a href="contact.html" accesskey="r">Contact</a></li>
    </ul>
    </div>

    </div>
    <div align="right"><img src="image/accueil.jpg" width="219" height="176" hspace="0" vspace="0" /></div>
    </div>
    </div>

    <div align="center">
    <div class="contenu">
    <div class="paragraphe"><img src="image/titre-present.jpg" width="302" height="54" />
    <h3><span class="Style7">Utiliser Internet pour communiquer est devenu incontournable&hellip;</span></h3><p >
    <span class="Style2">Nous vous accompagnons dans cette d&eacute;marche et vous faisons b&eacute;n&eacute;ficier de tout notre r&eacute;seau en ligne.<br />
    <br />
    Le seul moyen d&rsquo;offrir &agrave; vos campagnes la meilleure rentabilit&eacute;, est de leur offrir la meilleure audience et une tr&egrave;s grande qualit&eacute; de r&eacute;alisation. Next Publicity vous propose d&rsquo;&ecirc;tre diffus&eacute; sur un r&eacute;seau de partenaires s&eacute;lectionn&eacute;s pour une audience importante et un grand nombre de visiteurs uniques par mois.<br />
    <br />
    Avec un outil de gestion professionnel de vos campagnes, une connaissance parfaite du march&eacute;, de ses tendances et de son fonctionnement, nous vous offrons le meilleur moyen de toucher votre cible au meilleur co&ucirc;t.</span></p>
    </div>
    <div class="flash-menu"> <br />
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="410">
    <param name="movie" value="menu.swf" />
    <param name="quality" value="high" />
    <embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="410"></embed>
    </object>
    </div>
    </div>
    </div>


    <div class="grix-bas-footer"></div>
    <div class="blanc-bas-footer">
    <div align="center"></br>
    Copyright © Next Publicity 2008 . All Right Reserved
    <div class="bas-flash">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="90" height="50">
    <param name="movie" value="image/sound.swf" />
    <param name="quality" value="high" />
    <embed src="image/sound.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="90" height="50"></embed>
    </object>
    </div></div>

    </div>
    </body>
    </html>
    -----------------------------------------------------------------------------------------------

    fichier css:
    -----------------------------------------------------------------------------------------------

    body{
    scrollbar-arrow-color:FF0000;
    scrollbar-track-color:FFFFFF;
    scrollbar-shadow-color:990000;
    scrollbar-face-color:00CC00;
    scrollbar-highlight-color:CCCCCC;
    scrollbar-darkshadow-color:666666;
    scrollbar-3dlight-color:FF0000;
    background-color: #ff0000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    }
    h3 {
    color: #fe0c08;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    }
    h2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:20px;
    margin: 0 0 0 0;
    padding: 10px 0px 0px 0px;
    }
    div.arr-h-blanc {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 0 0 0;
    height: 200px;
    width:100%;
    background-color: #fff;
    }
    div.header {
    margin: 0px 0;
    padding: 0px 0 0 0;
    width:100%;
    height: 176px;
    background: #fff;
    }
    div.logo-menu{
    float: left;
    padding: 0px 0 0 0px;
    margin: 0px 0 0 ;
    width: 60%;
    background: #fff;
    }
    div.logo {
    float: left;
    width: 221px;
    height: 142px;
    background: #fff url(logo.jpg) no-repeat;
    padding: 0 0 0 0px;
    margin: 0px 0 0 30px;
    }
    .menu {
    clear: both;
    display:inline;
    font-size: 1.1em;
    height: 30px;
    width:320px;
    color: #fe0c08;
    float: right;
    padding: 0 0 0 0px;
    margin: 0px 0;
    }

    .menu li {
    margin: 90px 0 0 0px;
    padding: 7px 12px 5px 12px;
    color: #fff;
    float: left;
    }

    .menu li.active {
    color: #fe0c08;
    font-weight: bold;
    padding: 7px 10px 6px 10px;
    }

    .menu li a {
    font-weight: bold;
    color: #fe0c08;
    background: inherit;
    text-decoration: none;
    }

    .menu li a:hover {
    color: #fff;
    background:#fe0c08;
    border:8px #fe0c08 dashed;
    }

    div.bande-blanc-droit-h {
    margin: 0 0 0 3.4%;
    width:900px;
    height: 30px;
    padding:0 0 0 0;
    background: url(bande-h.jpg);
    background-repeat:repeat-y;
    }
    div.contenu{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 0 0 0;
    height:100%;
    width:730px;
    background-color: #fff;
    }
    div.paragraphe{
    float: left;
    width: 390px;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding: 10px 0 0 0;
    margin: 0 0 0 5px;
    height: auto;
    line-height: 2.2em;
    text-align:justify;
    }
    div.flash-menu{
    float: right;
    width: 300px;
    }

    div.footer{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    height: 80px;
    }
    div.logo-res-bas{
    float: left;
    width: 700 px;
    padding: 10px 0 0 0;
    margin: 0 0 0 5px;
    background: #fff;
    }
    div.grix-bas-footer{
    margin-top: 0px;
    text-align:center;
    margin-bottom: 0px;
    padding-left: 0px;
    height: 7px;
    background-color: #c0c0c0;
    }
    div.blanc-bas-footer{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    height: 70px;
    width:100%;
    background-color: #fff;
    }
    div.bas-flash {
    float: right;
    width:100px;
    height:40px;
    margin-top:0px;
    padding:0 0 0 0;
    }

    div.contenu-contact{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 0 0 0;
    height:450px;
    width:770px;
    background-color: #fff;
    }
    div.form-contact{
    float: right;
    width: 460px;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding: 0 0 0 0;
    margin: 0 0 0 10px;
    height: auto;
    line-height: 2.2em;
    text-align:justify;
    }
    div.img-contact{
    float: left;
    padding: 0 0 0 15px;
    width: 280px;
    }
    -----------------------------------------------------------------------------------
    j'attends votre feedback

    cordialement

    actiglob
     
  2. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 024
    J'aime reçus:
    1
  3. annuairedutourisme
    annuairedutourisme Nouveau WRInaute
    Inscrit:
    31 Décembre 2006
    Messages:
    41
    J'aime reçus:
    0
    sur Safari ça passe pas non plus... :cry:

    Avec quel programme tu bosse ton code ?
     
  4. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    en général on tache de bosser sous firefox ou opéra qui respecte les standards puis on passe sous ie.
    Mais là vu le nombre d'erreurs...
     
Chargement...
Similar Threads - probleme affichage firefox Forum Date
Problème d'affichage d'image sous FIREFOX Développement d'un site Web ou d'une appli mobile 28 Octobre 2008
problème d'affichage avec firefox Développement d'un site Web ou d'une appli mobile 14 Octobre 2007
Problèmes d'affichage sous IE 6 et Firefox Développement d'un site Web ou d'une appli mobile 8 Octobre 2007
Problème affichage d'firefox Développement d'un site Web ou d'une appli mobile 18 Août 2007
Problème d'affichage sous firefox Développement d'un site Web ou d'une appli mobile 27 Juillet 2007
Probleme affichage (différence entre IE et Firefox) Développement d'un site Web ou d'une appli mobile 6 Juin 2007
[résolu]Problème affichage DIV sous Firefox Développement d'un site Web ou d'une appli mobile 15 Avril 2007
[résolu] Problème d'affichage (IE/firefox) avec images Développement d'un site Web ou d'une appli mobile 16 Janvier 2007
Probleme d'affichage adworks sous firefox... AdWords 22 Mai 2006
Svp test, problème d'affichage de mon site avec firefox ? Demandes d'avis et de conseils sur vos sites 5 Avril 2006
Probleme d'affichage avec Firefox Problèmes de référencement spécifiques à vos sites 2 Août 2005
Problème d'affichage CSS sous Firefox Problèmes de référencement spécifiques à vos sites 14 Janvier 2005
Probleme d'affichage IE et Firefox Administration d'un site Web 3 Janvier 2005
Problème d'affichage des campagnes Google Ads dans un tableau de bord Data Studio AdWords 26 Avril 2022
Problème de vitesse d'affichage des pages sur Analytics Google Analytics 26 Avril 2022
Problème affichage Meta Title, Desc ... Débuter en référencement 20 Janvier 2022
WordPress Problème affichage accent sur Wordpress Développement d'un site Web ou d'une appli mobile 17 Février 2020
Problème affichage des derniers articles wordpress page accueil Administration d'un site Web 20 Novembre 2019
Problème d'affichage meta titre Débuter en référencement 3 Juin 2019
[Wordpress]Problème affichage article dans sous-catégorie Développement d'un site Web ou d'une appli mobile 11 Juin 2017