[RESOLU] mais ??? FLOAT: décalage bizarre sous IE

Bonjour,

QUelqu'un pourrait il m'expliquer pourquoi et me donner la clé, concernant un déclage de DIV sur une découpe avec des éléments flottants, qui n'apparaît que sous IE6 Windows (et non sous FF et cie)

Ci-joint les tests en ligne:
1/ Découpe théorique sans pb sous IE
http://www.graphicwebpro.com/structcss/structure_01_float_menu_seul.htm[/url]

2/ découpe avec juste le 1er élément remplacé par son image (c'est idem que je mette l'image en background de div dans la CSS, ou endirect dans le DIV:
http://www.graphicwebpro.com/structcss/structure_02_float_menu_seul.htm[/url]

Je pensais découper toute la structure avec des floats pour le header tout du moins, mais là, j'ai l'impression qu'Eric Meyer a bougrement raison quand il dit préférer les "absolute" pour les découpes, vu les surprises amenés par IE.
En fin de compte, les tables avaient du bon...peut être.
A moins de le faire tout en Flash.

Bon, je plaisante, mais vouloir faire une découpe propre sous IE en CSS, c'est quand même pas gagné !

Si vous avez une idée, ou si vous avez déjà rencontré le pb, merci de me l'indiquer.
Question de fond, pour ce type de découpe, qu'est ce qui est à priori le meiux ? float, absolute ?

Merci
Furet
Modifié par furet92 (12 Jul 2006 - 16:23)

Décidément, j'ai tjs des pbs pour insérer des liens.
Et à chaque fois , le bouton "prévisualiser" disparaît, sans que je puisse expliquer pourquoi.
Désolé donc, je retente:
http://www.graphicwebpro.com/structcss/structure_01_float_menu_seul.htm
http://www.graphicwebpro.com/structcss/structure_01_float_menu_seul.htm

En fin de compte, en ne mettant pas de mise en forme "lien" dans le post, cela marche !

A nouveau mes excuses pour ce double post.
Furet

C'est le genre de cas où j'utiliserais bien un tableau, en effet.

Peut-être pourrais-tu créer un conteneur que tu positionne en float et ta découpe à l'intérieur, positionnée en absolute ?

Bien, j'ai résolu le décalage entre faisant non pas une table (ca me gêne quand même) mais en faisant presque pareil, à savoir mettre chaque paire de DIV flottant dans un DIV conteneur.
Ce qui me fait faire 2 blocs conteneurs pour les 2 premières rangées, ces bloc conteneurs étant ensuite eux-même dans le bloc conteneur principal.

Est ce une bonne solution, je ne sais pas, mais c'est tout ce que j'ai trouvé.

Ce que je ne m'explique pas quand même, c'est que cela fonctionne sous IE, sans décalage, si je vire l'image placée dans le DIV logo, et en mettant un background-color dans la CSS du DIV, mais dès que je place l'image, ca décale.
J'ai vérifié les dimensions de l'image et elles sont bonnes (j'ai même recréé un aplat aux dimensions du DIV, pour tester).

Donc, c'est juste le fait de rajouter l'image qui fait planter IE (et que ce soit en PNG ou JPG)!!!
Si quelqu'un pouvait m'expliquer.

Cela dit, j'ai tjs mon petit pb de décalage avec les excellents menus de IUBITO, mais c'est hors-sujet (bien que si quelqu'un a l'habitude de les utiliser, et m'expliquer ce décalage de 1 pixel ...)

La structure qui fonctionne:
http://www.graphicwebpro.com/structcss/structure_02_c_float_menu_seul.htm

Cordialement
Furet