Div +id+width difference entre FF et IE

Bonsoir,

Je craque, j'en appel à vos lumières...

http://www.an1000.org/index1.php
http://www.an1000.org/800.css
Le menu du haut...
Sous FF impeccable.
Sous IE... de la m***

J'ai placé exprès des borders aux div pour bien voir le problème.

1 - les 3 première div font 100px de large alors qu'elles ne devraient pas.
2 - Les 2 dernières div font la bonne largeur... Mais pas de link possible.
3 - Impossible de planquer le texte du dessous san mettre font-size < 8px

Merci

C'est ok pour les points 1 & 2

Bonsoir,
La solution idéale serait tout simplement un display:none sur les span
accessible mais certain lecteur d'édran comme Jaws interprètent les CSS.
Pourquoi n'insères tu pas tes image directement dans le html avec des alt?

Salut

simplement

.menu-accessible
{
display: none;
}

A+

Salut,

Je viens de voir ton site sur les deux navigateurs et pas de différence :

sous FF
avec IE

Hermann a écrit :
Bonsoir,
La solution idéale serait tout simplement un display:none sur les span
accessible mais certain lecteur d'édran comme Jaws interprètent les CSS.
Pourquoi n'insères tu pas tes image directement dans le html avec des alt?

gege71 a écrit :
Salut

simplement

.menu-accessible
{
display: none;
}

A+

Je me refuse d'utiliser le display: none; pour des raison de référencement.
En effet, il est facile de mettre à l'insu des navigateurs courant tout ce que l'on veux. Il va arriver, bientôt surement, que les moteur de recherche identifie les utilisateur de cette fonction et les pénalises.
Donc, j'anticipe.

papyjo a écrit :
Salut,

Je viens de voir ton site sur les deux navigateurs et pas de différence :

Oui, j'ai résolu le problème de largeur avec des display: block; et une définition correct de la balise a
Modifié par Grantome (30 May 2006 - 21:44)

Il ne faut pas exagérer si les moteur de recherche devais filtrer tous les CSS qui peuvent permette de cacher un contenu.
Il ne faudrait plus utiliser

position relative ou absolue car un div placé a -1000px ne serait pas visible !
z-index deux élément l’un sur l’autre un ne serais pas visible
la transparence un texte avec un alpha de 0 ne serait pas visible
et même un overflow: hidden; dans un div de 1px , ne serais pas visible

Et j’en oublie

Donc si il faux prévoir de coder sans ces balise ça va être dur

A+
Modifié par gege71 (30 May 2006 - 22:26)

Une routine pour vérifier tout cela, c'est pas compliqué à mettre ne place. Il ont juste à ce décider.

Les sites qui polluent les résultats avec des mots clés cachés via le css ça pululle. Il va arriver que certains vont se retrouver un jour bizzarement blacklisté.

Moi, je préfère prévoir... Ca mange pas de pain

Grantome a écrit :



Je me refuse d'utiliser le display: none; pour des raison de référencement.
En effet, il est facile de mettre à l'insu des navigateurs courant tout ce que l'on veux. Il va arriver, bientôt surement, que les moteur de recherche identifie les utilisateur de cette fonction et les pénalises.
Donc, j'anticipe.

C'est probable en effet, mais pas de sitôt.

Par contre, display: none pose des problèmes bien plus graves et qui me semblent plus importants à prendre en compte si tu veux suivre une voie de conformité et d'accessibilité.
Modifié par Raphael (30 May 2006 - 22:41)

Grantome a écrit :
Une routine pour vérifier tout cela, c'est pas compliqué à mettre ne place. Il ont juste à ce décider.
Moi, je préfère prévoir... Ca mange pas de pain

pourtant tu utilise des z-index et des position: absolute;

A+

bonjour,

a la place du

display:none;

tu peut faire (plus lourd, mais reste accessible au lecteurs d'ecran , si besoin).

position:absolute;
height:0;
width:0;
overflow:hidden;/* pour finamlement tout cacher */

si cette idée peut te servir

++

<edit et info >Il m'est arrivé de m'apercevoir qu'un z-index negatif , lié a un position relative ou absolute dans IE , n'etait pas efficace !? (je n'ai plus d'exemple sous la souris) alors qu'il passait tres bien dans les autres navigateurs.</edit>
Modifié par gcyrillus (30 May 2006 - 23:01)

gege71 a écrit :


pourtant tu utilise des z-index et des position: absolute;

A+

En effet, on ne peux pas tout ignorer...
Dans mon cas, je colle un texte sous l'image du menu, pour l'accessibilté aux mal-voyant.
Je peux retirer se texte sans soucis, le menu restera accessible, et il y aura un lien sans titre... Mais dommages pour les aveugles.

Tout n'est que compromis.

Mais je pense que les display, visibillity et autre sont bien plus dangereux.