Doctype et safariRésolu

Question

Bonjour, je tourne en rond avec le doctype. Si je mets Mon menu déroulant CSS ne fonctionne pas avec Safari, mais fonctionne partout ailleurs Firefox mac, PC IE6 IE7). Par contre, si je mets il fonctionne avec safari, mais plus sous IE PC... J'ai essayé plusieurs Doctype pris sur le net... rien n'y fait... c'est l'un ou l'autre. Firefox fonctionne bien avec les deux. Y-a-t-il une solution ???? (Au cas, la page est sur http://www.dwa.fr/aif/ ) Merci d'avance pour vos avis. Denis Tout vient à qui sait attendre

cs_bultez · Accepted Answer

on trouve ça partout.... ch'tit exemple ( collection de diverses sources dont je n'ai pas noté l'origine... navré pour l'auteur originel... s'il y en a un, parce que ce n'est jamais que du CSS )

[# Un]

[# Niveau 1.1]

[# Niveau 1.2]

[# Deux]

[# Niveau 2.1]

[# Niveau 2.2]

[# Niveau 2.3]

!!!! à adapter à ce que tu veux !!!! fonctionne avec IE (7), Opera, FireFox, K-Meleon, Safari...

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

Bonjour, "mon" menu qu'il est à moi, ceux que je connais... fonctionnent avec tous (?) les navigateurs quel que soit ( ou presque ! ) le Doctype ( je dis ça... jamais très bien compris à quoi ça servait ! ) ... sur ta page, Safari n'aime pas le survol d'une case... je ne sais pas si tu as, comme moi, entendu le "bruit" que ça fait... ça vient du css qui ne plait pas à safari.

Cordialement Bul [mon Site] [M'écrire]

cs_inaden · Answer

Salut, et merci pour ta réponse.

Le pb avec 
Pour le menu déroulant, c'est à partir de liste imbriqué et ça fonctionne bien ailleurs... la question est est-ce que ma CSS a des lacunes et les autres navigateurs interprètent quand même bien, ou est-ce que c'est Safari qui débloque ???
 En tout cas je vais essayer ton second doc.
Merci

Tout vient à qui sait attendre

cs_inaden · Answer

Sinon, j'ai essayé de voir le document lié à l'adresse de ton troisième doctype et je suis tombé sur une erreur 404

Après coup, l'adresse serait : http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

Tout vient à qui sait attendre

cs_bultez · Answer

>>est-ce que ma CSS a des lacunes et les autres
navigateurs interprètent quand même bien, 
>>ou est-ce que c'est Safari
qui débloque
    je dirais... ni l'un ni l'autre
        l'interprétation des navigateurs diffère ! 
        pas seulement Safari par rapport aux autres, tous par rapport à chacun ( ou presque )
    ce que je peux te dire, qui est sûr, c'est que ton CSS ne plait pas à Safari.
    
>>vais essayer ton second doc.
    pas une question de doctype, enfin à mon humble avis
        mais plutôt de codage de CSS.
    puisque mon menu, et d'autres, fonctionnent eux .
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

cs_inaden · Answer

Ce sont aussi des menus à partir de listes imbriquées ???

Tout vient à qui sait attendre

cs_inaden · Answer

À tout hasard, voici la css pour le menu :

#porteur #lemenu {
    position: relative;
    width: 520px;
    margin-left: 110px;
    margin-top: 1px;
    overflow: visible;
    background-color: #F81815;
    height: 20px;
    z-index: 10;
}
#porteur #lemenu ul li {
    float: left;
    list-style-type: none;
    font-size: 0.8em;
    margin-right: 18px;
    height: 20px;
}
#porteur #lemenu ul {
    margin-left: -18px;
    padding-bottom: 5px;
    height: 20px;
    margin-top: -5px;
}

#porteur #lemenu ul li ul{
    position:absolute;
    width:10em;
    left:-40px;
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    line-height: 0.8em;
}

#porteur #lemenu ul li ul li{
    width:107px;
    background-color: #F81815;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #4B4949;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 7px;
    padding-left: 5px;
}
#porteur #lemenu ul li ul li a {
    color: #FFFFFF;
    line-height: 0.9em;
    font-weight: normal;
}
#porteur #lemenu a {
    color: #FFFFFF;
}
#porteur #lemenu ul li ul li a:hover {
}

#porteur #lemenu li{
    float:left;
    position:relative;
    list-style-type:none;
    margin-right: 15px;
}
#porteur  #lemenu  ul  li  ul  li a:hover{
    color: #FFFFFF;
}
#porteur #lemenu ul li ul li:hover{
    background-color: #4B4949;
}
body #porteur #lemenu ul li ul {
    display:none;
}
#porteur #lemenu ul li:hover ul{
    display:block;
}
#porteur #lemenu ul li:hover{
    display:block;
    background-color: #F81815;
}
#porteur #lemenu ul li ul:hover{
    display:block;
}
* html #porteur #lemenu ul li ul{
border-top:1px solid #00FFFF;
border-left:0px;
}

Tout vient à qui sait attendre

cs_bultez · Answer

tu devrais, me semble-t-il, simplifier un peu...
    div imbriquées + ul + li et css lié... 
        pas évident ( pour les neuneus comme moi ) si on ne l'a pas bati....
    ce qui est clair, c'est que safari, avec ce css :
        "boucle do infernale" au survol.
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

cs_inaden · Answer

Si tu as plus simple, je suis preneur... au moins une indication.
En tout cas, merci pour tes conseils et ton attention.

Tout vient à qui sait attendre

cs_inaden · Answer

Cool
Merci, c'est pas évident de lacher les vieilles habitude (utilisation de tableau) et de se mettre aux "règles de l'art".

Mille merci

Tout vient à qui sait attendre

cs_bultez · Answer

>> pas évident de lacher les vieilles habitude (utilisation de tableau) 
    ce que je ne fais pas du tout.... c'est tellement pratique !
>>et de se mettre aux "règles de l'art".
    pas d'art ici.   une "simplicité" introduite grâce au css.
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

Doctype et safari

11 réponses

Votre réponse