Help !! marre d'explorer

Une petite visite sur mon site et vous comprendez mon désarroi ... tout va super bien avec Safari ou Firefox ... mais avec ce C** d'explorer c'est paris sous les bombes
Pouvez-vous m'aider ??????
??
?

www.delbart.es

Salut

Chez moi c'est pas top même dans FireFox 2.0

T'aurais du le faire en flash je pense.

Hey !

Ca c'est bizarre :

<img src="catalogue.png"" alt="mon image" width="640" height="362" border="0" usemap="#Map2" margin:auto;width:640px:height:410px;vertical-align:middle; />

Peut-être que si tu corriges ça, ça fonctionnera mieux...

Sinon, c'est vrai que le rendement est assez... comment dire... original, c'est conceptuel ?

100drine a écrit :
mais avec ce C** d'explorer c'est paris sous les bombes

Tandis qu'avec Lynx, c'est la Sibérie sous la neige.

Quelques aperçus:

Un tout grand merci à toutes les personnes qui me répondent ...

malheureusement, le problème est toujours bien présent ...
(( Il vient surement du fait qu' Explorer " n'aime pas " le Div#layer en position Absolute et le Div#contener en Fixed ... ??? ))

... si vous pouviez me sortir de ... comment dire ?... désarroi

sandrine




site : www.delbart.es


Configuration: Mac OS X 10.3.9
Safari 1,3.0

100drine a écrit :
(( Il vient surement du fait qu' Explorer " n'aime pas " le Div#layer en position Absolute et le Div#contener en Fixed ... ??? ))

position: fixed n'est pas implémenté dans Internet Explorer 6 (il l'est dans la version 7). Il est donc probable que ça ait un rôle dans le problème rencontré.

Solution: se passer de position: fixed, ou bien utiliser un commentaire conditionnel pour dégrader, pour IE 6 et inférieurs, le position: fixed en position: absolute ou simple position: static.

Salut Florent,

je t'ai écouté et je viens de changer ma position ... absolute en lieu et place de fixed
suis allée voir sur un pc ( hé oui, ça existe encore ... et visiblement CA MARCHE
Peux-tu regarder de ton côté et me dire si la fenêtre avec les toiles est bien positionnée dans ma page "catalogue" ???
( ps : si tu clique sur une toile , une petite fenêtre apparaît ? )
D'avance un TOUT grand merci
sandrine

Ça ne marche toujours pas, car tu as toujours un position: fixed sur div#contener.

div#contener {catalogue.html (line 17)
height:30px;
left:50%;
margin-left:-350px;
margin-top:-220px;
padding-top:20px;
[#red]position:fixed;[/#]
top:50%;
width:700px;
}

Ce dernier étant ignoré par IE6, ce navigateur ignorera également le left: 50% et le top: 50%, et appliquera uniquement les marges négatives. D'où Paris sous les bombes.

Si tu as déjà corrigé ça en local, penses à mettre à jour la version en ligne.

(Au passage, utiliser le positionnement fixe ici était une erreur, même sans prendre en considération les insuffisances d'IE6. Tout simplement parce que le positionnement fixe n'est pas fait pour cela.)

re- florent,

j'ai corrigé ... mnt tout doit fonct ... non ?

merci de me tenir au courant
sandrine
... encore merci



}



div#contener{
position:absolute;
left: 50%;
top: 50%;
width: 700px;
height: 30px;
margin-top: -220px; /* moitié de la hauteur */
margin-left: -350px;
padding-top: 20px;
height: 30px;


}
div#Layer1 {
position:absolute;
width:305px;
height:140px;
z-index:1;
left: 385px;
top: 34px;
background-color: #FFFFFF;
right: 0px;
bottom: 0px;
overflow: auto;
}

Trois-quatre choses:

1. Je ne vois pas de correction. Même en vidant le cache du navigateur, la page http://www.delbart.es/catalogue.html a toujours un position: fixed pour div#contener.
Donc, aucun changement dans le rendu.

2. Par ailleurs, ta page est dotée d'un Doctype HTML 4.01 Transitional incomplet, car sans URL de la DTD. Cela fera passer les différents navigateurs en mode Quirks, ce qui n'est pas une bonne idée. Il serait probablement préférable d'utiliser un Doctype complet pour obtenir un mode de rendu Standard.

3. Les image map c'est sympa, mais avec des attributs alt sur les area c'est encore mieux.

4. Pourrais-tu corriger ton précédent message pour baliser le code que tu cites avec les balises [ code] et [ /code], afin de respecter la mise en forme du forum et de contribuer ainsi à sa bonne lisibilité?
Tu peux éditer ton message via le bouton éditer en haut à droite.
Merci d'avance.

merci merci

1- en fait il y a une redirection sur ma deuxième page ( delbart ) ... si bien que qd on clique sur " catalogue/détails" , avec Safari et Firefox, on a la page " catalogue" ( ... et ça marche, tout est bien positionné )

ET avec IE, on est dirigé sur la page "mercrediessai" . C'est cette dernière ( qui posait prbl ) et que j'ai corrigée ( position fixed remplacée par absolute ).

2- pour ton point (2) : Doctype HTML 4.01 Transitional incomplet... malheureusement, je ne m'y connais pas assez pour le corriger
3-....." Les images map c'est sympa, mais avec des attributs alt sur les area c'est encore mieux."... peux-tu m'écrire exactement ce que je dois corriger dans ma page ? ... suis pas blonde, mais je comprends pas tout... désolé
.... idem avec le point 4

encore un grand merci
sandrine

100drine a écrit :
1- en fait il y a une redirection sur ma deuxième page ( delbart ) ... si bien que qd on clique sur " catalogue/détails" , avec Safari et Firefox, on a la page " catalogue" ( ... et ça marche, tout est bien positionné )
ET avec IE, on est dirigé sur la page "mercrediessai" . C'est cette dernière ( qui posait prbl ) et que j'ai corrigée ( position fixed remplacée par absolute ).

La page en question (mercrediessai) passe bien avec IE6. Mais tu devrais éviter les redirections en fonction du navigateur: elles ne sont pas fiables, et ça oblige à dupliquer du code et à maintenir deux pages pour un même contenu.

100drine a écrit :
2- pour ton point (2) : Doctype HTML 4.01 Transitional incomplet... malheureusement, je ne m'y connais pas assez pour le corriger

Lire l'article suivant:
http://css.alsacreations.com/Bases-et-indispensables/DTD-comment-choisir
(et pourquoi pas d'autres articles/tutoriels sur Alsacréations, tant qu'on y est... )

100drine a écrit :
3-....." Les images map c'est sympa, mais avec des attributs alt sur les area c'est encore mieux."... peux-tu m'écrire exactement ce que je dois corriger dans ma page ?

C'est assez simple, il s'agit de bien veiller à proposer un texte alternatif pour chaque zone cliquable (élément area) de ton image map.
Au lieu d'avoir ceci:

<area href="contact.html">

on aurait alors ceci:

<area href="contact.html" alt="Contact">

De sorte que les moteurs de recherche, utilisateurs de lecteurs d'écran, etc., puissent avoir tout de même un tout petit peu accès aux pages.
Mais bon, c'est vrai que si on voulait vraiment travailler l'accessibilité, il faudrait tout refaire... ou du moins refaire une grande partie du site. Et éviter de trop multiplier les images map.

Quant à mon quatrième point: dans un message ci-dessus, tu as collé un morceau de code (en l'occurrence de code CSS) sans lui donner de mise en forme particulière. Tu remarqueras, à l'inverse, que quand j'inclus un morceau de code, celui-ci est bien mis en évidence avec une mise en forme spécifique. Cette mise en forme est due au fait que j'ai encadré le code dans mon message par les balises [ code] et [ /code] (sans l'espace après le crochet ouvrant). On peut aussi utiliser le bouton «code» en bas de la zone d'édition.

Je te demande donc de modifier ton message ci-dessus pour rajouter ces fameuses balises de mise en forme. Tu peux modifier ton message en passant par le bouton «Editer» en haut à droite du dit message.

re-


- je vais tester sans "re-direction" ... et si cela fct, je le retire.

Je continuerai demain ....encore un grand merci pour votre aide

sandrine

bonne fin d'ap

Le problème semble résolu

un grand merci à tous pour m'avoir aidée
merci merci
sandrine