Partage
  • Partager sur Facebook
  • Partager sur Twitter

Bug d'affichage avec ie

corrigé quand on survole le menu!!

rike
    9 mai 2006 à 17:45:24

    Bonjour.
    Alors voila mon pb du jour,lors de l'affichage de ma page index(nommé arbre! :p ) tout se met en place correctement,sauf mes cadres(menu principal au "centre")...
    Par contre,des que l'on survole le menu,les cadres viennent tranquillement se remettre en place!! :(
    Le bug ne survient qu'avec explorer :colere2: ,mais pas avec the fox...
    Je vous glisse les codes des pages,car je sais pas pourquoi,le w3c mes trouve des élémnets venus d'ailleurs pour la validation...sans doute les inclusions des scripts des cadres..enfin,je comprends pas trop ce truc là... :-°o_O

    Le code css
    body{
    padding: 2px;
    background-color: #f6f4f6;
    color: #000000;
    font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
    font-size: 12px;
    }

    h1{
    font size:100%;
    text-align: center;
    color: #000000;
    }

    h2{
    font size:90%;
    color: #000000;
    }

    h3{
    font size:90%;
    color: #a01616;
    }

    h4{
    font-size:80%;
    color: #000000;
    }

    h5{
    font size:80%;
    color: #a01616;
    }


    a{
    color: #333333;
    }

    a:hover{
    color: #a01616;
    text-decoration: underline;
    }

    a:visited{
    color: #333333;
    }

    #cadre{
    width: 100%;
    background-color: #f6f4f6;
    height: auto;
    }

    #cadre1{/*bloc bannière et menu*/
    background-image: url("../images/bannireriktransparente6og.gif");
    background-repeat: no-repeat;
    margin-left: 230px;
    height: 100px;
    }

    #cadre2{ /*menu principal au centre*/
    margin-left: 160px;
    margin-right: 5px;
    margin-top: 30px;
    margin-bottom: 15px;
    padding: 3px;
    height: auto;
    background-color: #f6f4f6;
    border: 5px inset;
    text-align: left;
    display: block;
    }

    #cadre3{/*bloc pubs et partenaires*/
    float: left;
    height: auto;
    width: 135px;
    margin-top: 5px;
    background-color: #f6f4f6;
    text-align: left;
    clear: both;
    }

    #cadre4{/*pied de page*/
    width: 600px center;
    margin: 5px;
    margin-top: 30px;
    background-color: #f6f4f6;
    border: 1px dashed;
    text-align: center;
    }


    .menuhorizontal{
    margin-left: 5px;
    background-color: #f6f4f6;
    color: #333333;
    width: 600px center;
    height: 5px;
    font-size: 10px;
    border: 1px dashed;
    text-align: left;
    }

    .hovermenu ul{
    font: 12px  "comic sans ms";
    padding: 3px;
    padding-left: 0;
    margin-left: 0;
    height: 10px;
    }

    .hovermenu ul li{
    list-style: none;
    display: inline;

    }

    .hovermenu ul li a{
    padding: 2px 0.5em;
    text-decoration: none;
    float: left;
    color: black;
    background-color: #f6f4f6;
    border: 2px solid #f6f4f6;
    }

    .hovermenu ul li a:hover{
    background-color: #f6f4f6;
    border: 2px ;
    border-style: outset;
    }

    html>body .hovermenu ul li a:active{ /* applique un effet mousedown sur les navigateurs autres que IE */
    border-style: inset;
    }

    .entete{
    float: left;
    margin-top: 15px;
    padding-bottom: 4px;
    background-color: #fbfdfb;
    margin-left: 5px;
    text-align: center;
    border: 1px dotted;
    font-size: 12px ;
    font-weight: bold;
    width: 135px;
    height: auto;
    text-decoration: underline;
    }

    .pub{
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 135px;
    height: auto;
    border-right: 1px dashed;
    border-left: 1px dashed;
    border-bottom: 1px dashed;
    background-color: f6f4f6;
    text-align: center;
    }

    .bloc{
    margin-top: 30px;
    width: 99%;
    height: auto;
    background-color: transparent;
    text-align: left;
    }

    .menu_news{
    postion: absolute;
    width: 350px;
    height: 30px;
    margin: 5px;
    background-image: url("../images_menu/derniere_news.png");
    background-repeat: no-repeat;
    }

    .menu_poesie{
    float: left;
    width: 350px;
    height: 30px;
    margin: 5px;
    background-image: url("../images_menu/textes_poesies.png");
    background-repeat: no-repeat;
    }

    .menu_images{
    float: left;
    width: 350px;
    height: 30px;
    margin: 5px;
    background-image: url("../images_menu/images_peintures.png");
    background-repeat: no-repeat;
    }

    .menu_musiques{
    float: left;
    width: 350px;
    height: 30px;
    margin: 5px;
    background-image: url("../images_menu/sons_musiques.png");
    background-repeat: no-repeat;
    }

    .fondcadre{
    text-align: center;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    background-color: #CCCCCC;
    border: 4px inset #a01616;
    padding: 5px;
    font-size: 12px ;
    width: 95%;
    height: auto;
    }


    .cadrecpm{/*cadre pour script cpm fetch*/
    width: auto;
    height: auto;
    padding:10px;
    border-bottom: 2px solid;
    background-color: #cccccc;
    text-align: center;
    }

    .espace_membre{/*bloc de l'espace membre*/
    float: left;
    height: auto;
    width: 135px;
    margin-top: 5px;
    background-color: #f6f4f6;
    text-align: center;
    clear: both;
    }

    .vrac{/*bloc de l'espace membre*/
    float: left;
    height: auto;
    width: 135px;
    margin-top: 5px;
    background-color: #f6f4f6;
    text-align: center;
    clear: both;
    }
    .vrac1{/*bloc du menu divers*/
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 135px;
    height: auto;
    border-right: 1px dashed;
    border-left: 1px dashed;
    border-bottom: 1px dashed;
    background-color: f6f4f6;
    text-align: left;
    }


    Et le code html
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <?php
    include ("./compteur-live/compteur-live.php");
    ?>

    <html>
    <head>
    <title>POéSIES MUSiCALES...Voir...Ecouter...Découvrir...</title>
    <meta name="description" content="Le site de diffusion des artistes amateurs" />
    <meta name="keywords" content="poesies musicales,poesies,poesie,poete,peinture,peintre,peintures,musiques,musique,musical,groupe,groupes,artistes,dessins,dessinateur,photographe,photographies,sculptures,sculpteur,annuaire,membre,mp3,rock,culture,internet,portail,webmaster,site,real audio,telechargement,poete,videos,extraits,rike,eric turaglio,speaking silence,amateurs,diffusion,galerie,npds,audience,internaute,zique,libre,image,images,webmaster,rock,hard,pop" />
    <meta name="robots" content="index" />
    <meta name="REVISIT-AFTER" content="7 days" />
    <meta http-equiv="Content-Language" content="fr" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
    <link href="css/style2.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">function OuvrirFenetre(url,nom,details) { window.open(url,nom,details)}</script>
    </head>
    <body onmouseover="status='Bienvenue sur POéSIES MUSiCALES,le site des artistes amateurs.';return true;">
    <div id="cadre"><div id="cadre1">
    </div>
    <div class="hovermenu">
     <ul>
       <li><a href="arbre.php">Accueil</a></li>
         <li><a href="coppermine/index.php"target="_blank">Galerie d'Art</a></li>
         <li><a href="phpBB2/index.php"target="_blank">Forum Poétique</a></li>
     </ul>
    </div>
    <div class="vrac"><div class="entete">En Vrac</div><div class="vrac1">
    <ul>
    <li><a href="livre/index.php"target="_blank">Livre d'or</a></li>
    <li><a href="javascript:OuvrirFenetre('/newslettre/index.php','popup','width=250,height=220')">Informations</a></li>
    <li><a href="javascript:OuvrirFenetre('/sondages/affichage_sondage.php','popup','width=280,height=250')">Sondage</a></li>
    <li><a href="echangeliens/index.php"target="_blank">Echange de liens</a></li>
    <li><a href="topsite/index.php"target="_blank">Top Sites</a></li>
    </ul>
    </div></div>
    <div class="vrac">
    <div class="entete">Statistiques</div>
    <div class="vrac1">
    <script type="text/javascript" language="javascript" src="http://www.i-services.net/membres/compteur/compteur.php?user=44795&idcpt=24750&cache=0&read_only=0"></script><br/>&nbsp;<?php
    $compteur_live = file("./compteur-live/compteur-live.txt");
    echo (count($compteur_live)/2)." ";
    if((count($compteur_live)/2) >     1) {

    echo "visiteurs connectés";

    }
    else {

    echo "visiteur connecté";
    }
    ?>
    <br/>
    </div></div>
    <div id="cadre3"><div class="entete">Pubs &amp; Partenaires</div><div class="pub"><p><a href="http://leplumorum.free.fr/"target="_blank" /><img src="http://leplumorum.free.fr/logo9060.gif"alt="Forum de Poésie"title="Forum de Poésie"border="0" />
    <a href="http://www.siteduzero.com/"target="_blank"><img src="http://www.siteduzero.com/Templates/images/static/presse/bouton_sdz.gif"alt="Le site du zéro,pour apprendre a créer votre site facilement.(pour les brèles comme moi!!)" width="88"height="31" border="0" /></a><script language="JavaScript" type="text/javascript" src="http://www.poesies-musicales.com/pub_partenaires/options/pubaffiche2.js"></script></div></div>
                    <div class="espace_membre"><div class="entete">Espace Membre</div><div class="pub">
    <a href="#">Vous inscrire</a>
    <p>  <a href="#">Espace Membre</a></p>
    </div></div>       
    <div id="cadre2"><div class="bloc"><div class="fondcadre"><div class="menu_news"></div><div align="right"><a href="http://www.poesies-musicales.com/news/proposition.php"target="_blank"><img src="images_menu/postnew.gif" width="70px" height="70px"alt="Ecrire une news!!"border="0"/></a></div>

    <?php
    $page = (!empty($_GET['page'])) ? htmlentities($_GET['page']) : 'accueil';
    $array_pages = array(
         'accueil' =>     'accueil.php',
         'musique' => 'musique.php'
             
    );

    if(!array_key_exists($page, $array_pages)) include('index.php');

    elseif(!is_file($array_pages[$page])) include('erreur.php');

    else  include($array_pages[$page]);

    ?>
    </div>

    <div class="bloc"><div class="fondcadre">
    <div align="left"></div>
    <div class="menu_images"></div>
        <div align="right"><a href="coppermine/index.php"target="_blank"><img src="images_menu/peintre.gif" width="70px" height="70px"alt="Visiter la Galerie Artistique"border="0"/></a><br/>
            <br/>
        </div>
        <div class="cadrecpm"><?php include "./cpmfetch/cpmfetch.php";
    $objCpm = new cpm("/coppermine");
    $styleguide = array(
                    "linkstyle" =>     "photoclip",
                    "alttag" => "%t avec %h hits dans l'album %a ",
                    "subtitle" => "<small>%o<br/>vue: %h fois</small>",
                    "imagestyle" => "photoclip",
                    "imagesize" => 'thumb');

    $objCpm->cpm_setReturnType('print');
    $data = $objCpm->cpm_viewRandomMedia(1, 5, $styleguide);

    ?></div><h5><?php $objCpm->cpm_formatStats("%f images ont été déposées dans %a albums.<br/>Celles-ci ont été regardées %v fois avec %n commentaires.<br/><a href=coppermine/index>Visiter la Galerie</a>
    ");?>
           </h5></div>
    </div>
    <div class="bloc"><div class="fondcadre"><div class="menu_poesie"></div>
        <div align="right"><a href="phpBB2/index.php"target="_blank"><img src="images_menu/Poesie.gif"width="70px" height="70px"alt="Aller sur le forum" border="0"/></a></div>
        <div class="cadrecpm"><br/><br/>
    <script language="JavaScript" type="text/javascript" src="http://www.poesies-musicales.com/phpBB2/topics_anywhere.php?mode=show&f=a&n=5&sfn=y&fnl=y&r=y&sr=y&b=non&lpb=0&lpd=0&lpi=y"></script> </div><br/><br/><h5><?php include("./phpBB2/phpbbstats.php") ?></h5></div>
    </div>
    <div class="bloc"><div class="fondcadre"><div class="menu_musiques"></div>
        <div align="right"><img src="images_menu/musicien.gif" width="70px" height="70px"alt="Voir tous les fichiers musicaux"/>
        </div>
        <div align="left"><br/>
          <br/>
     
        <?php include ("http://www.poesies-musicales.com/telecharger/index.php") ?>
          <br/>
          <br/>
          <br/>
          <br/>
          <br/>
          <br/>
          <br/>
          <br/>
          <br/>
      </div>
    </div>
    </div>
    </div>
    </div>
    <div id="cadre4">Site crée en avril 2003 / Eric Turaglio / <a href="mailto:webmaster@poesies-musicales.com">Mail</a><br/><br/>
    Tous droits réservés aux Artistes publiant sur le site / Site sous Licence Créative
    Commons<br/>   <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.0/fr/"><img alt="Contrat Creative Commons"border="0" src="http://creativecommons.org/images/public/somerights20.gif" /></a><br />
        Cette création est mise à disposition sous un <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.0/fr/">contrat Creative Commons</a>.
    </div>
     </div>
    </body>

    </html>


    Surement pas optimisé,mais bon,on fera avec pour l'instant :D
    Si vous pouviez en profiter pour me donner vos impressions... ;)
    Merci à vous tous de votre aide!
    Riké

    Zut,le lien!! :euh:
    http://www.poesies-musicales.com/arbre.php
    • Partager sur Facebook
    • Partager sur Twitter
    rike
      10 mai 2006 à 14:19:43

      Pas d'idée??
      :(
      Riké
      • Partager sur Facebook
      • Partager sur Twitter
      WebUser
        10 mai 2006 à 14:24:08

        Moi aussi ça me faisait ça, et j'ai le regret de te dire que tu dois recommencer ton codage de a à z :(
        • Partager sur Facebook
        • Partager sur Twitter
        Thunderseb
        • HTML / CSS
          10 mai 2006 à 16:02:01

          J'ai pas pigé la, moi, j'ai la même chose sous IE que sous FF :/
          • Partager sur Facebook
          • Partager sur Twitter

          Ma vraie biographie - Ex-Manager de la Validation sur le Site du Zéro - sdlm.be - Horus.aero

          rike
            10 mai 2006 à 18:26:07

            Salut.
            Ouais c'est bien ce que je redoutais fireman...Merci d'avoir confirmé :(

            Pour Thunderseb,ça le fait pas à tout les coups,on va dire 2 sur 3...d'apres le raffraichissement...
            Bon,plus qu'a trouver le bug si c'est dans le css ou bien le html...
            Une idée?? :-°
            Riké
            • Partager sur Facebook
            • Partager sur Twitter
            Thunderseb
            • HTML / CSS
              10 mai 2006 à 20:33:20

              Avant de recommencer, et d'encore avoir des problèmes, base toi intégralement sur ce modèle : http://css.alsacreations.com/modeles/modele4.htm copie le code, et modifie le, comme cela, tu n'auras pas de problèmes ;)
              • Partager sur Facebook
              • Partager sur Twitter

              Ma vraie biographie - Ex-Manager de la Validation sur le Site du Zéro - sdlm.be - Horus.aero

              strucky
                10 mai 2006 à 20:34:21

                Salut,

                J'ai déjà vu ce bug de IE, et normalement pour le résoudre, il suffit d'ajouter un border-bottom soit au <li> ou au <a>, je sais plus trop.

                Comme ton design le permet, essaies donc en mettant cette bordure de la même couleur que le fond de ton body pour qu'elle reste invisible.
                • Partager sur Facebook
                • Partager sur Twitter
                U1
                  10 mai 2006 à 20:52:31

                  Salut, j'ai un problème un peu similaire sur mon site en construction...

                  En fait le problème chez moi c'est que ie ne prends pas toutes les commandes css en compte, mais seulement certaines, alors que sous firefox, il n'y a pas de problèmes...

                  le lien: http://u1rs.free.fr

                  Merci si vous pouvez m'aider....
                  • Partager sur Facebook
                  • Partager sur Twitter

                  Bug d'affichage avec ie

                  × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                  × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                  • Editeur ●
                  • Markdown