Affichage affreux sur Ie6 mais Ie7 et Firefox parfait

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par jiojioforever, 14 Novembre 2007.

  1. jiojioforever
    jiojioforever WRInaute occasionnel
    Inscrit:
    23 Novembre 2006
    Messages:
    474
    J'aime reçus:
    0
    Bonjour,
    je développe un site sur une assurance.
    Je me rend compte que mon site est parfait sous Ie7 er firefox mais pas du tout sur Ie6.

    voici l'adresse du site

    http://www.contrat-assurance-obseques.fr/test2

    et une autre page test :

    Voici mon css :

    Code:
    body {
    margin: 0;
    padding: 0;
    background-image:url(image/bg.png);
    background-repeat:repeat-x;
    font-family: verdana;
    font-size: 10px;
    color : #666666;
    }
    #conteneur {
    width: 800px;
    margin-left: auto;
    margin-right: auto; 
    background-color:#FFFFFF;
    }
    #bandeau {
    height: 110px;
    background-color:white;
    }
    #menu {
    height: 35px;
    background-color:white;
    }
    #flash {
    float:left;
    height: 150px;
    background-color:white;
    }
    #flash-vide {
    float:left;
    height: 20px;
    background-color:white;
    }
    #rubrique {
    width: 210px;
    min-height: 400px;
    height: auto !important;
    height: 400px;
    background-color:white;
    float:left;
    }
    #contenu {
    width: 580px;
    background-color:white;
    min-height: 400px;
    height: auto !important;
    height: 400px;
    float:left;
    }
    #pied {
    height: 50px;
    clear:both;
    }
    pour mon menu :

    Code:
    .preload1 {background: url(prodrop4/pro_drop4_2a.gif);}
    .preload1 {background: url(prodrop4/pro_drop4_2b.gif);}
    
    .prodrop4 {padding:0 0 0 32px; margin:0; list-style:none; height:36px; background:transparent url(prodrop4/pro_drop4_back.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
    .prodrop4 li.top {display:block; float:left;}
    .prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(prodrop4/pro_drop4_0a.gif) no-repeat;}
    .prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(prodrop4/pro_drop4_0b.gif) right top;}
    .prodrop4 li a.top_link:hover {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
    .prodrop4 li a.top_link:hover span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}
    
    .prodrop4 li:hover > a.top_link {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
    .prodrop4 li:hover > a.top_link span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}
    
    
    .prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
    
    /* Default link styling */
    
    /* Style the list OR link hover. Depends on which browser is used */
    
    .prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
    .prodrop4 li:hover {position:relative; z-index:200;}
    
    /* keep the 'next' level invisible by placing it off screen. */
    .prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
    
    .prodrop4 ul.sub1 {width:150px;}
    .prodrop4 ul.sub2 {width:185px;}
    
    .prodrop4 :hover ul {left:0; top:35px; background: #E5EAF5; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
    .prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
    .prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
    .prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}
     
  2. mahefarivony
    mahefarivony WRInaute accro
    Inscrit:
    14 Octobre 2002
    Messages:
    8 081
    J'aime reçus:
    0
  3. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 198
    J'aime reçus:
    1
    c est tout le site qui marche pas. surement erreur dans le nom de domaine
     
  4. jiojioforever
    jiojioforever WRInaute occasionnel
    Inscrit:
    23 Novembre 2006
    Messages:
    474
    J'aime reçus:
    0
  5. david96
    david96 WRInaute passionné
    Inscrit:
    28 Août 2005
    Messages:
    1 204
    J'aime reçus:
    0
  6. jiojioforever
    jiojioforever WRInaute occasionnel
    Inscrit:
    23 Novembre 2006
    Messages:
    474
    J'aime reçus:
    0
  7. bertimus
    bertimus WRInaute passionné
    Inscrit:
    24 Août 2005
    Messages:
    1 633
    J'aime reçus:
    0
    Ben, en gros, t'utilises des attributs non autorisés (ex : height) et t'as oublié d'en renseigner quelques-uns (ex : alt) ;)
     
  8. rikew
    rikew WRInaute impliqué
    Inscrit:
    19 Décembre 2002
    Messages:
    683
    J'aime reçus:
    2
  9. jiojioforever
    jiojioforever WRInaute occasionnel
    Inscrit:
    23 Novembre 2006
    Messages:
    474
    J'aime reçus:
    0
  10. jiojioforever
    jiojioforever WRInaute occasionnel
    Inscrit:
    23 Novembre 2006
    Messages:
    474
    J'aime reçus:
    0
  11. jiojioforever
    jiojioforever WRInaute occasionnel
    Inscrit:
    23 Novembre 2006
    Messages:
    474
    J'aime reçus:
    0
    on m'a dit que IE6 ne gérait pas le HOVER et qu'il fallait passer par du javascript pour ça :s
     
  12. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 024
    J'aime reçus:
    1
    il gère le hover mais sur les liens uniquement.
     
  13. jiojioforever
    jiojioforever WRInaute occasionnel
    Inscrit:
    23 Novembre 2006
    Messages:
    474
    J'aime reçus:
    0
    erf et je peux faire ça comment alors ?
     
  14. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 024
    J'aime reçus:
    1
    regarde mon www il passe sous ie6 aussi (le menu une fois passé la home)
     
  15. jiojioforever
    jiojioforever WRInaute occasionnel
    Inscrit:
    23 Novembre 2006
    Messages:
    474
    J'aime reçus:
    0
    ouep j'en avais trouvé aussi un comme ça mais je prefere le mien qui possede des onglets.
    Il est super beau
     
  16. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 024
    J'aime reçus:
    1
    tes onglet c'est juste une histoire de backgroung image dans le css c'est vraiment pas un problème de codeur juste une histoire de design pour la mécanique en revanche ça fonctionne.
     
Chargement...
Similar Threads - Affichage affreux Ie6 Forum Date
Affichage affreux sur Ie6 mais Ie7 et Firefox parfait Développement d'un site Web ou d'une appli mobile 14 Novembre 2007
WordPress Problème affichage style avec Elementor (titre, bordures, separateur) Administration d'un site Web Lundi à 12:12
Le simple affichage de ma page déclenche les événements onClick... Merci Google Analytics 17 Mai 2022
Affichage des données démographiques Google Analytics 10 Mai 2022
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
Google chrome : affichage incomplet Google : l'entreprise, les sites web, les services 18 Janvier 2022
redirection permanente et affichage URL Rewriting et .htaccess 3 Janvier 2022
Absence d'affichage de données dans tableau de bord Analytics Google Analytics 25 Juin 2021
Virtuemart : affichage des poids et dimensions e-commerce 8 Février 2021
données "portée" et "affichage" des vidéos sur Hootsuite Facebook 15 Décembre 2020
Référencement url sur Google - Affichage positions sur mobile différents d'un OS à un autre ? Référencement Google 7 Août 2020
En test : affichage des informations de licence dans Google Images YouTube, Google Images et Google Maps 28 Février 2020
Affichage chiffre d'affaires et taux de conversion zéro Google Analytics 26 Février 2020
WordPress Problème affichage accent sur Wordpress Développement d'un site Web ou d'une appli mobile 17 Février 2020
Position zéro et Featured Snippet : modification affichage Référencement Google 23 Janvier 2020
Astuce pour continuer l'affichage des étoiles dans les SERP de GOOGLE: balises de données structurée Référencement Google 6 Janvier 2020
Nouvel affichage Google : Sujets abordés par l'éditeur Référencement Google 4 Janvier 2020
Problème affichage des derniers articles wordpress page accueil Administration d'un site Web 20 Novembre 2019