Accueil > Forum > > > > Doctype et safari
 Doctype et safari
samedi 29 mars 2008 à 10:58:49 |
Doctype et safari
inaden
|
Bonjour, je tourne en rond avec le doctype. Si je mets <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd"> Mon menu déroulant CSS ne fonctionne pas avec Safari, mais fonctionne partout ailleurs Firefox mac, PC IE6 IE7). Par contre, si je mets <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 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 |
|
samedi 29 mars 2008 à 11:19:28 |
Re : Doctype et safari
bultez
|
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 ! ) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd"> ... 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]
|
|
samedi 29 mars 2008 à 11:43:45 |
Re : Doctype et safari
inaden
|
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
|
|
samedi 29 mars 2008 à 11:49:11 |
Re : Doctype et safari
inaden
|
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
|
|
samedi 29 mars 2008 à 11:54:20 |
Re : Doctype et safari
bultez
|
>>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 .
Cordialement Bul [ mon Site] [ M'écrire]
|
|
samedi 29 mars 2008 à 11:59:02 |
Re : Doctype et safari
inaden
|
Ce sont aussi des menus à partir de listes imbriquées ???
Tout vient à qui sait attendre
|
|
samedi 29 mars 2008 à 12:08:17 |
Re : Doctype et safari
inaden
|
À 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
|
|
samedi 29 mars 2008 à 12:41:33 |
Re : Doctype et safari
bultez
|
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.
Cordialement Bul [ mon Site] [ M'écrire] |
|
samedi 29 mars 2008 à 12:57:31 |
Re : Doctype et safari
inaden
|
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
|
|
samedi 29 mars 2008 à 13:59:20 |
Re : Doctype et safari
bultez
|
Réponse acceptée !
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 ) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<style type="text/css">
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;
border: solid 1px black; }
ul.menu ul li { float: none;
padding: 0; }
ul.menu li a:link, ul.menu li a:visited
{ display: block;
color: #800000;
background: #FFFFAA;
margin: 0;
padding: 4px 4px;
text-decoration: none; }
ul.menu li a:hover
{ background: #AAAAFF; }
ul.menu li:hover > ul
{ display: block; }
</style>
</head>
<body>
<ul class="menu"
style="position:absolute;top:50px;left:40px;width:60%">
<li><a href="#">Un</a>
<ul>
<li><a href="#">Niveau 1.1</a></li>
<li><a href="#">Niveau 1.2</a></li>
</ul>
</li>
<li><a href="#">Deux</a>
<ul>
<li><a href="#">Niveau 2.1</a></li>
<li><a href="#">Niveau 2.2</a></li>
<li><a href="#">Niveau 2.3</a></li>
</ul>
</li>
</ul>
</body>
</html>
!!!! à adapter à ce que tu veux !!!! fonctionne avec IE (7), Opera, FireFox, K-Meleon, Safari...
Cordialement Bul [ mon Site] [ M'écrire]
|
|
Cette discussion est classée dans : http, fonctionne, www, doctype, safari
 Répondre à ce message
 Sujets en rapport avec ce message
Popup ne fonctionne pas [ par OneHacker ]
Bonjour j'ai pioché ce code sur http://www.jejavascript.net : //PLF-http://www.jejavascript.net/
Formulaire moteur de recherche invalide avec tableau [ par fofilou ]
Bonsoir, j'ai un très gros problème. Je souhaiterais intégrer un moteur de recherche Extense sur mon site. Cependant celui-ci ne fonctionne pas lorsqu
Help Script JS pour redirection aléatoire [ par sebastiez ]
Bonjour, je ne sais pas si je me suis positionné sur le bon thème pour poster mon message mais bon... voici le script que je voudrais mettre en place
Clique automatique au suvol d'une PUB [ par Razox ]
Bonjour a tous !Voila il y a quelques temps j'avais eu ce code:http://www.javascriptfr.com/</
Chargement XML (RSS) en javascript [ par Slagt ]
Bonjour,Je développe un peu en javascript depuis quelque jour, et tout fonctionne à merveille.J'ai fait un widget, pour Mac, permettant de visualiser
générer des liens et désélectionner [ par Bestdoud ]
Bonjour,Après avoir fouillé sur tout le site et sur google en vain,j'aurais 2 questions:1)Première question:J'ai une chaine de texte contenant des lie
formulaire variable [ par zalf ]
Bonjour, Je suis en train de mettre un nouveau module sur mon portail. Lors d'un enregistrement, je voudrais que la personne renseigne son pays, sa ré
demande de renseignement pour inseré un script [ par stomy95 ]
bonjour ,j'ai un petit souci pour inseré un scropt de banniere rotatif dans l'emplacement prevu de mon site je c'esp pas si c 'est le script qui et pa
probleme de script [ par stomy95 ]
j'ai un script qui fonctionne sur un de mes site c'est un rotateur de banniere de pub qui change e nombre de seconde regleret je voudrais l inserer da
Faire defiler des images avec des liens [ par gattusino8 ]
Bonjour,J'ai eu un de mes premeirs elements de réponses ici http://www.javascriptfr.com/infomsg_DIAPORAMA-AUTOMATIQUE-AVEC-LIENS-
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|