Bonjour
 
voila, encore un problème avec IE...
 
Bon j'ai un site web que j'ai créer il y a pas si longtemps, et j'y suis allé en xhtml strict et css. mon but était de ne pas utiliser de javascript pour les menus (pour les moteurs de recherche). j'y suis arrivé (ça a pas été facile d'obtenir un bon résultat qui fonctionne sous IE), mais j'ai un autre gros problème que je ne sais résoidre: sous IE, le texte est complètement mal positionné. il apparait en dessous du menu, alors qu'il devrait "couler" autour. voyez plutôt: http://jul059.atspace.com/Saveurs_saisons/index_2.htm.
 
En analysant les divs avec IETab (sous firefox), j'ai remarqué que la div du menu est très grande, et je me dis peut-être que IE ne peut tout simplement pas faire "couler" le texte autout, et n'a d'autre choix que de le positionner en dessous (puisque la div menu est trop large). Mais si tel est le cas, je ne sais pas comment résoudre le problème. Lavascript de mise en page? commentaires conditionnels? aidez-moi svp....
 
EDIT: bon voila, le problème décrit précedemment a été résolu, mais in en a créer un autre:
 
« les sous-menus (toujours sous IE) deviennent difficilement accessibles. En effet, on dirtait que les blocks de couleur représentant les liens ne sont pas tous représentés comme des liens, et on a du mal à sélectionner certains éléments »
 
donc voila. si vous avez une idée...
 
EDIT2: c'est étrange, le problème semble en effet lié... j'ai mis le site en ligne, et ma page "Nous contacter" n'a pas ce problème.... je suis vraiment déboussolé...  
 
voyez plutôt:
 
http://www.auxsaveursdelasaison.co [...] ccueil.php

Dans ta CSS:

dans #content {} tu supprimes le width:7xxpx que tu as mis, tu ne mets pas de largeur, c'est inutiles de spécifier les largeurs sur des éléments de type block puisqu'on sait pertinemment qu'un type block prend toute la largeur de son conteneur.

Bien sur tu peux spécifier des largeurs quand tu en as besoin. Mais là, tu n'en avais pas besoin

Déjà pourquoi imbriquer des <p> dans des <div> ? <p> est déjà une balise bloc.
Ensuite, ton menu doit être dans le même bloc que le texte, et tu dois mettre ton menu en flottant à gauche, le texte ensuite.

Avant de faire une intervention tu es invité à regarder attentivement le code du monsieur

P est peut etre une balise bloc, mais son code HTML est sémantiquement propre, il a un conteneur parent (DIV) dans lequel il peut mettre ce qu'il veut.

Il ne peut utiliser de P car dans un P on ne peut mettre que des éléments inline

Avant de faire une intervention, tu es invité à lire complétement ma réponse. Faire un menu avec un tableau, j'appelle pas ça du code sémantiquement propre. Ce n'est que mon point de vue. Et il est évident qu'en plantant un <p> plus un autre <div>, ça marche pas sous IE car tout le monde sait que cet imbécile interprète mal les blocs qui sortent du flux.

 
 
Le monsieur a essayé d'utiliser la technique utilisée sur www.cssplay.co.uk pour son menu.
 
Pourquoi : le :hover ne fonctionne que sur le A sous IE
donc pour créer un menu apparation d'élément sous IE la seule méthode serait de mettre des A dans le A, mais malheureusment ce n'est pas possible sous les autres navigateurs, ni sous IE, la seule méthode est de mettre le contenu dans un tableau pour IE
 
tu trouveras cette méthode à cette page : http://www.cssplay.co.uk/menus/basic_dd.html (regarde le code source de la page).
 

Je vois pas de quoi tu parles
 
faire  

 
n'est pas du tout conforme, c'est de ca que tu veux parler ?
 
IE interprète très bien les blocs qui sortent du flux, faut juste savoir s'en servir

Regardes ce code sous IE puis sous Moz :

IE ne prend pas en compte le fait que le premier bloc sorte du flux, Moz oui. C'est exactement son problème.
A priori tu ne sais pas t'en servir  

toi on voit que tu n'as jamais entendu parler du contexte de formatage
et du concept du layout (haslayout) sous IE
Dans une heure je te fais une démo, merci

lol

le fait de spécifier une hauteur sur un élément lui confère un layout sous IE
et conférer un layout sur un élément de type block, permet aussi de lui appliquer le contexte de formatage.
 
le contexte de formatage pour les autres navigateurs peux s'appliquer si on leur met l'une des propriétés suivantes.
 
overflow:hidden;  
display:table;
 
ton lol me dit que tu t'en branles éperdument, donc je ne vais pas faire l'effort de te faire une démo mais te rediriger vers deux articles qui traitent du problème
 
contexte de formatage :  
http://www.blog-and-blues.org/arti [...] _formatage
concept du haslayout sous IE :  
http://www.satzansatz.de/cssd/onhavinglayout.html (document original anglais)
http://www.test.blog-and-blues.org [...] _temp.html (fr trad)
http://www.test.blog-and-blues.org/haslayout/ (une petite serie de tests sur le sujet)
 
et sinon pour IE une liste des bugs les plus courants :  
http://www.positioniseverything.net/explorer.html
 

Mon lol voulait simplement dire que ce n'était pas la peine d'étaler ta science pour te donner de l'importance. Je t'ai juste montré que IE était faché avec les flux. Et comme on dit, la culture, c'est comme la confiture, moins on en a, plus on l'étale.

Je ne l'étale pas, mais l'exemple que tu montres en disant que IE est faché avec les flux, n'a pas de sens. Tu montres quelque chose sans en connaitre le sens.
 

Moi je t'ai montré que IE n'est pas faché avec les flux mais qu'il a un concept un peu stupide qu'il faut absolument connaitre.
Et découle de ce concept un autre concept (context de formatage) qui s'avère bien utile pour des mises en page en positionnement flottant

   
Moi je pense que ce que tu dis n'a pas de sens

Ah vi
Pour résumer :  Tu dis que IE est faché avec les flux, en fait nan ce n'est pas vrai il n'est pas faché avec les flux. Ce que tu dis est faux. C'est juste un concept pourri du haslayout.
 
Bon va lire

 
ahhh!! merci. L'alignement se corrige bel et bien, mais un autre problème apparament non relié apparait: les sous-menus (toujours sous IE) deviennent difficilement accessibles. En effet, on dirtait que les blocks de couleur représentant les liens ne sont pas tous représentés comme des liens, et on a du mal à sélectionner certains éléments (j'ai mis à jour le site). Si vous avez une idée, je suis preneur.....
 
Aussi, je n'ai pas trop compris votre argumentation, mais j'imagine que ce n'est pas trop grave...
 
Et vous en pensez quoi de mon site? au niveau du code et aussi du design?

Ce que j'ai dis est juste, je te l'ai même montré avec un exemple. C'est vrai que si tu ajoutes ça, puis ça et encore ça pour qu'IE se comporte comme le prévoit les normes, on peut aller loin.

 
donc si il y en a parmis vous qui aurait des idées concernant mon « nouveau » problème, je suis évidemment preneur...
 
EDIT: j'ai mis de nouvelles infos dans le premier post.