[Résolu] Comportement de IE avec un tableau

Bonjour à toutes et à tous,

Je me présente, je suis un étudiant qui a créé un petit site pour des collègues, et qui est face à un problème étrange.

Je ne parviens pas à comprendre le problème suivant :
http://ae-blatter.ch/aeb/moniteurs.php

Avec Firefox, aucun problème, le rendu est excellent.
Avec IE, il y a un espace d'environ 10cm qui se créé avant le tableau.

une idée ?

Je suis à votre disposition si vous avez besoin de plus d'informations !
Merci et à bientôt j'espère
Modifié par yannp (22 Aug 2006 - 13:23)

yannp a écrit :
Avec IE, il y a un espace d'environ 10cm qui se créé avant le tableau.

J'ai le même souci http://gpts1.free.fr/test.htm

Il me semble bien que sous IE le tableau s'affiche "en-dessous" du menu à gauche. Ce menu est chez moi dans une <div> déclarée en float: left;

Et chez toi ? J'ai un peu de mal avec ton .css qui me semble complexe pour un petit site

Bon, on a trouvé a priori d'où ça venait, la connaissance scientifique de l'origine du problème devrait nous permettre de trouver ze soluchionne...

<edit>

... et ça semble bien lié au float du <div> de gauche qui contient le menu.

Si je déclare ce div de gauche en absolute (par exemple), y'a plus de pb sous IE avec ce tableau.

Comme mettre ce <div> en absolute me créera d'autres soucis que je n'ai pu résoudre qu'avec un float et des hack (...), yapuka continuer à chercher...

</edit>
Modifié par DidierK (22 Aug 2006 - 10:56)

bonjour
Peut-être un problème avec un "100%" sur un tableau?

Je vais tester aussi pour voir...

Merci, je vais essayer ça de mon côté également.

Je comprends pour le .css, en réalité j'utilise un cms et j'ai adapté un skin.

Peut-être une solution ici, je ne sais pas ce que tu en penses ?
http://twiki.org/cgi-bin/view/Plugins/BlueSkinDev
PankajPant - 06 May 2005
Il semble que ce soit un problème connu sur l'un des modèle OSWD.

<edit>
En ce qui me concerne, dom a raison, ça fonctionne !

j'ai remplacé le "100%" du tableau par "400px" dans le contenu de la page, sans toucher au menu.

Maintenant reste à trouver un compromis.
</edit>
Modifié par yannp (22 Aug 2006 - 11:13)

Essai sur le test de DidierK:

En supprimant le "width: 100%" du tableau, c'est bon sous IE et FFox.
C'est une bonne piste.
D'ailleurs, il suffit de mettre une valeur inférieure à 100%.

En ce qui me concerne, dom vient de me donner mon compromis !
Simplement passer de "100%" à "99%" dans le tableau, c'est parfait.

Mille mercis dom, t'es un as

DidierK, fais moi signe quand c'est bon pour toi, comme ça je peux indiquer "résolu"

dom a écrit :
Essai sur le test de DidierK:

En supprimant le "width: 100%" du tableau, c'est bon sous IE et FFox.
C'est une bonne piste.
D'ailleurs, il suffit de mettre une valeur inférieure à 100%.

Merci c'est bon avec 99%, je peux aller jusque 99.5% mais à 99.6% ça recommence... Bizarre...

Je me demande si ce n'est pas lié à des histoires de layout :
http://www.test.blog-and-blues.org/haslayout/index.html

Et comme j'ai le Three pixels jog sous IE, je vais voir si il n'y a pas une autre soluce...
Modifié par DidierK (22 Aug 2006 - 11:45)

Bonjour,

DidierK a écrit :
Je me demande si ce n'est pas lié à des histoires de layout :
http://www.test.blog-and-blues.org/haslayout/index.html

les éléments tableaux sont dotés de layout par défaut, en effet (sans que cela puisse être annulé).

Laurent Denis a écrit :
les éléments tableaux sont dotés de layout par défaut, en effet (sans que cela puisse être annulé).

Bonjour,

En dotant le conteneur qui contient le tableau d'une propriété layout (height: 1%;), le tableau peut être à 100% et s'affiche correctement.
Egalement, cela supprime le three pixels jog.

Et cela produit un décalage (au pif de 3 pixels, tiens tiens) avec le <div> du menu.

En faisant une recherche avec three pixels jog j'ai trouvé des tas d'articles sur le forum qui creusent ce souci....
J'ai l'impression que les nouveaux en css se lancent la plupart dans un site du genre
--------------------------
header
--------------------------
menu à gauche | contenu
--------------------------
footer
--------------------------
et tombent tous dans les mêmes ornières !

DidierK a écrit :
Egalement, cela supprime le three pixels jog.

Cela déplace le three pixels jog à l'extérieur du conteneur (ce bug n'est pas "supprimable")

Laurent Denis a écrit :
Cela déplace le three pixels jog à l'extérieur du conteneur (ce bug n'est pas "supprimable")

Il est contournable / évitable comme l'a écrit ailleurs sur ce forum un certain L*** D*** .
En ajoutant à ce bloc conteneur

position: relative;
left: -3px;
margin-right: -2px;

le seul effet collatéral me semble être une marge de 1px à droite et une couleur de fond de la <div> de gauche qui déborde en fait sous la <div> de droite, ce qui ne devrait poser aucun problème. J'espère !

Prochaine étape : commencer à m'intéresser aux commentaires conditionnels, vu que les hacks dans le .css, ça fait un peu désordre...
Modifié par DidierK (22 Aug 2006 - 14:26)