HTML, CSS, menu problème avec IE6

Signaler
Messages postés
9
Date d'inscription
mercredi 19 novembre 2008
Statut
Membre
Dernière intervention
8 mai 2010
-
Messages postés
9
Date d'inscription
mercredi 19 novembre 2008
Statut
Membre
Dernière intervention
8 mai 2010
-
Bonjour, Bonsoir..

Je viens ici pour demander conseil et surtout une solution.

Ce problème de compatibilité me hante j'ai passé des heures à essayer de chercher où etait la faute, mais en vain..

Mon menu n'est pas très rechercher, il est simple il fonctionne à merveille sur IE7, FF, Opéra,Safari.. Mais...
Mon boss m'impose qu'il fonctionne aussi en IE6, la version que encore quelques anciens personnages(donc lui-même
) utilisent, alors qu'il y a la IE8 qui est sortie..mais enfin moi personnelemnt j'ai un vrai problème avec IE..Bref, j'ai cherché, regardé le comment du pourquoi pendant tellement de temps que je ne sais plus...

Je sais simplement qu'un regard nouveau ne fait pas de mal...Alors qu'une bonne âme vienne à mon secours et me libère..

Le code HTML avec le menu:

(Il est assez pas bien fait, je sais soyez cléments avec une apprentie, qui utilise golife, le bureau n'est pas à jour vous allez dire..c'est le cas.. mais bref je vais pas bosser tout le temps à la maison avec la CS4^^)

[spoiler]

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

<html>

    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">

    <meta name="description" content="apm recherche développement,maisons construites écologiquement grâce au bois massif " />
    <meta name="keywords" content="apm, recherche, développement, photos, tables, presse, diplôme, maisons, bois, massif, révolution, famille, maisonboismassif.com " />

       
    <title>maisonboismassif.ch -- Expositions</title>
    <link href="police.css" rel="stylesheet" type="text/css" media="all">
    </head>
   
            ----

                               
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                        ----

                           ,
                               

                                   

                               

                            </td>
                       
                        ----

                                                           

                                   
                                        <li>http://www.reconvilier.ch/foiredechaindon.html</td>
                                            <td>
                                                                                                    ----

                                                        ,
                                                        Foire de chaindon le 07.09.09,
                                                   
                                               

                                            </td>
                                        </tr>
                                                                    <tr height="10">
                                            <td width="154" height="10"></td>
                                            <td height="10">

                                                                    </td>
                                        </tr>
                                                                </table>
                                                                                                                    ----

                                                        ,
                                                        ,
                                                        ,
                                                   
                                                    ----

                                                        ,
                                                                                                                   

                                                           

                                                           

                                                           

                                                           

                                                           

                                                                       

                                                                       

                                                                       

                                                                           

                                                                           

                                                                           

                                                                           

                                                                           

                                                                           

                                                                           

                                                                           

                                                                           

                                                                           

                                                           

                                                       ,
                                                        ,
                                                   
                                                    ----

                                                        ,
                                                        ,
                                                        ,
                                                   
                                               

                                                               

                                                       

                                                   

                                   

                               

                           

                       

                   

                </td>
                            </tr>
        </table>
   
</html>

/spoiler

Code CSS:

[spoiler]

body {
 background-image: url("images/bg.png");
 behavior: url("csshover.htc")
}


{
color: #000;
font-size: 11pt;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif
}

td 
{
color: #000;
font-size: 11pt;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif
}

.titre_page
{
color: #000;
font-size: 13pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold
}

a:link  
{
color: darkred;
font-size: 11pt;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif
}

a:hover    
 {
 color: #f00;
 font-size: 11pt;
 text-decoration: underline;
 font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif
 }
 
 a:visited 
 { color: #f00;
 font-size: 11pt
 }
 
.cadre_images
{
border: solid 1pt #000
 }
 
.cadre_images_fin
{
border: solid 2pt #000
}

.cadre_table
 {
 border: solid 7pt #696969
 }
/*menu,FF, IE7, Saf*/
ul.menu       
{   
list-style-type: none;
margin : 0;
padding: 0;  
 }
 
ul.menu li  
{   
float: left;
margin: 0;
border: 0;  
}  

ul.menu ul    
{   
position: absolute;
display: none;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.menu ul li   
{   
float: none;
padding: 0;  
}

ul.menu li a:link, ul.menu li a:visited
 {   
display: block;
color: white;
background: darkred;
margin:0;
padding: 3px 3px;
text-decoration: none;  
}

ul.menu li a:hover
{   
background: #787878; 
color:black;                      
}

ul.menu li:hover > ul
{   
display: block;   
}

ul.menu a     
{   
border:1px solid darkred;   
}

/spoiler

Et le CSSHover.htc (que je pensais qu'il allait me sauver la vie)

[spoiler]

<script language="JScript">
/**
 *    HOVER - V1.00.031224 - whatever:hover in IE
 *    ---------------------------------------------
 *    Peterned - http://www.xs4all.nl/~peterned/
 *    (c) 2003 - Peter Nederlof
 *
 *    howto: body { behavior:url("csshover.htc"); }
 *    ---------------------------------------------
 */

var CSSBuffer, doc = window.document;

function parseStylesheets() {
    var rules, sheet, sheets = doc.styleSheets;
    var bufferIndex = sheets.length;   
    var head = doc.getElementsByTagName('head')[0];
    var buffer = doc.createElement('style');

    buffer.setAttribute('media', 'screen');
    buffer.setAttribute('type', 'text/css');
    head.appendChild(buffer);
    CSSBuffer = sheets[bufferIndex];

    for(var i=0; i<sheets.length -1; i++) {
        sheet = sheets[i];
        if(!sheet.media || sheet.media == 'screen') {
            rules = sheet.rules;
            for(var j=0; j<rules.length; j++) {
                parseCSSRule(rules[j]);
            }
        }
    }
}
    function parseCSSRule(rule) {        var select rule.selectorText, style rule.style.cssText;
        if(!select || !style || select.indexOf(':hover') < 0) return;
        var newSelect = select.replace(/\:hover/g, '.onHover');
        CSSBuffer.addRule(newSelect, style);
       
        var affected = select.replace(/\:hover.*$/g, '');
        var elements = getElementsBySelect(affected);
        for(var i=0; i<elements.length; i++) {
            if(elements[i].nodeName == 'A') continue;
            new HoverElement(elements[i]);
        }
    }

/**
 *    HoverElement
 *    -------------------------
 *    applies the hover
 */

function HoverElement(element) {
    if(element.isHoverElement) return;
    element.isHoverElement = true;
    element.attachEvent('onmouseover',
        function() { element.className += ' onHover'; });

    element.attachEvent('onmouseout',
        function() { element.className = element.className.replace(/onHover/g, ''); });
}

/**
 *    domFinder
 *    -----------------------------------
 *    returns list of elements based on css selector
 */

function getElementsBySelect(rule) {    var nodeList [doc], sets rule.split(' ');
    for(var i=0; i<sets.length; i++) {
        nodeList = domFinder.filterNodes(sets[i], nodeList);
    }    return nodeList;
}

var domFinder = {
    findNodes:function(tag, docs) {
        var res, nodes = [];
        for(var i=0; i<docs.length; i++) {
            res = docs[i].getElementsByTagName(tag);
            for(var j=0; j<res.length; j++) nodes[nodes.length] = res[j];
        }    return nodes;
    },

    filterNodes:function(select, docs) {        var filtered [], nodes,rule,atr,s (/#|\./).exec(select);
        if(!s) return this.findNodes(select, docs);        nodes this.findNodes((rule select.split(s))[0], docs);        atr (s '#')? 'id':'className';
        for(var i=0; i<nodes.length; i++) {
            if(new RegExp('(^|\\s)' +  rule[1] + '(\\s|$)').exec(nodes[i][atr]))
                filtered[filtered.length] = nodes[i];
        }    return filtered;
    }
}
</script>

/spoiler

Merci d'avance. Salutations à tout bientôt.

4 réponses

Messages postés
433
Date d'inscription
samedi 26 avril 2003
Statut
Membre
Dernière intervention
4 décembre 2009
1
Bonjour,

Juste une piste comme ca, si tu n'arrives pas a faire la CSS parfaite tout navigateurs (déja, pour les navigateurs listés, bravo !) tu peux regarder du coté du fichier Browser de ASP.Net.

Il em semble qu'avec ce fichier la tu peux déterminner le browser et balancer la CSS ou le theme approprié.
Donc tu fais 1 CSS spéciale pour IE6 et grace au fichier Browser tu l'envoie quand il faut.

Bon courage.
Messages postés
9
Date d'inscription
mercredi 19 novembre 2008
Statut
Membre
Dernière intervention
8 mai 2010

merci beaucoup..bon pour finir j'ai trouvé un menu que j'ai repris..compatible et tout.. mais bon vue que mon code HTML est pourris et que c'est illisible et bourrée de fautes dues à Golive alors j'ai recommencer le tout... et là il prend de la geule.. Merci quand même.

Pour ceux qui voudraient un menu compatible il suffit de m'envoyer un mail, ou un tit message. :D

Moi je dis vive le codage manuelle:D C'est mieux!
Messages postés
433
Date d'inscription
samedi 26 avril 2003
Statut
Membre
Dernière intervention
4 décembre 2009
1
ok, content que tyu ai résolu ton probleme.

Plutot que de réclamer un mail, indiques la source ou tu as trouvé ton menu, ca aidera d'autres personnes qui ne seront pas tributaires de toi, c'est aussi ca le partage :)
Messages postés
9
Date d'inscription
mercredi 19 novembre 2008
Statut
Membre
Dernière intervention
8 mai 2010

Vous trouvez le menu compatible sous mon site privé pour ceux qui iment la lecture y a de quoi.

http://electra69.go1.cc

je vous laisse fouiller dans le code souce:D

J'espère que ça aidera plusieurs personnes