[Résolu - Pas en quirks] Float, IE - La Disparition

Bonsoir,

En tentant de faire ma skin pour DotClear, je suis tombé sur un problème plutôt étonnant. Je travaillais sur FireFox, notre cher Panda, et j'ai tout de même testé sous IE (version 6, WinXP Pro SP2). Ben voilà, j'ai une div qui disparaît !. En fait, si on sélectionne le texte à la souris, il apparaît, avec la bonne couleur de fond, mais uniquement dans le texte (pas de forme rectangle, boîte). Bon, je crois qu'un exemple est plus parlant:

Avec prologue XML
Sans prologue XML

Merci de vous pencher (si l'envie vous vient) sur cet épineux problème dû, une fois encore, à la misinterprétation (il faudra que je le replace celui-là !) des règles CSS par IE.

@+, HoPHP

P.S. J'ai mis les deux versions (avec et sans), parce que je ne sais PAS d'où vient le problème. On ne sais jamais !
Modifié le 13 Dec 2004 - 09:37

Salut,

Et bien tu es victime du fameux "Peekaboo bug" :

http://www.positioniseverything.net/explorer/peekaboo.html

Une des solutions est en fait un hack (Holly hack) qui consiste à mettre "height:1%" dans le conteneur, donc "page" pour toi.

Ce ne serait pas le même problème que celui-ci : http://www.alsacreations.com/blog/index.php?2004/08/08/48-les-flottants-font-de-la-magie ?
Désolé si j'ai lu le sujet trop vite et si je me trompe

> Raphael

Oui, c'est ça. Merci et désolé de ne pas avoir feuilleté le blog. J'ai utilisé la recherche, mais pas sur le blog Shame on me!

Solutions envisagées:

height = 100%; sur le conteneur du flottant (sans prologue)
height = 100%; sur le conteneur du flottant (AVEC prologue)

Avec le prologue (=> Quirks), le div #page (bleu) dépasse vers le bas . Je recherche d'autres solutions, plus satisfaisantes, mais le problème est résolu (=> Edit).

Merci pour ces réponses rapides, même si tardives. Ce forum et les personnes qui y trainent sont d'une aide précieuses, merci à tous ces Noël'eux !

@+, HoPHP
Modifié le 12 Dec 2004 - 23:30

Euh....sans vouloir la ramener, avec mon holly hack "height:1%" ça passe dans les deux modes.

Accordé... J'avais pourtant testé

Bon, comme j'ai maitrisé mon fichier PHP , juste une petite modification des liens:

?for=float-IE&xml=0&height=1%
?for=float-IE&xml=1&height=1%

Bon, OK, ça joue, mais je ne vois pas le sens d'allouer une taille à un élément si le contenu prend forcément plus de place. Pourquoi la taille n'est pas forcée ? Pourquoi on ne pourrait pas mettre un min-height, qui serait plus logique ? De plus, sous IE, une bordure bleue apparaît sous le bloc jaune, pourquoi ?

Bon, je mets définitivement résolu

@+, HoPHP

Que de questions....à poser à MicroSoft à l'occasion

Pour le coup de la bordure bleue sur la zone jaune, je la vois pas....Mais c'est peut-être une question de marges par défaut ou qqchose comme ça.

C'est de ça que je parle, la bordure bleue entre le float vert et la clear rouge. Yapa sous Firefox.

@+, HoPHP
Modifié le 13 Dec 2004 - 22:04

OK, je l'avais aussi. Essaye "margin:0px" dans ton élément "#footer", chez moi ça passe. Ou sinon mets un "div" au lieu d'un "p" pour cet élément, ça donne le même résultat.