28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai un étrange problème sur mes pages contenants des éléments flottants.

Vous pourrez constater mon problème à la page suivante :

http://joof-api.net/demos/antilope/

CSS :
http://joof-api.net/demos/antilope/antilope.css
http://joof-api.net/styles.css

En gros, sous IE (testé version 6 et 7), mon paragraphe situé en tête de page ne s'affiche pas ou de façon aléatoire. Pour qu'il s'affiche, il suffit de changer de fenêtre, scroller ou même attendre quelques instants.

J'ai essayé de supprimer les JS de ma page, rien y fait. Ce qui me fait penser que j'ai peut-être une erreur dans mes style.

J'ai constaté que lorsque je ne met qu'un seul bloque flottant, tout va bien. A partir du moment, où j'en affiche plus, ca part en vrille.

Le problème apparaît également à cette adresse :

http://joof-api.net/demos/drag/


Pourriez-vous m'aider à résoudre ce problème ? Merci d'avance
Modifié par Kadheus (27 Oct 2008 - 10:29)
Modérateur
bonjour

C'est un defaut de 'halayout ' . (je te laisse t'enquerir sur ton moteur de recherche préféré ce qu'est cette drole de bête Smiley smile .

Tu peut peut-etre deja éliminé le probleme en appliquant un:
width:100%;
a .demoZone .

Si cela ne suffit pas , il faudra alors t'attaqué directement aux balises concerné par ce defaut.

Fait une recherche sur le concept de layout dans IE , cela te sera profitable.

GC
Salut gcyrillus et merci d'avoir pris le temps de regarder mon problème, je vais regarder tout ça et je te tiens au courant.

A+
La FAQ du forum a un petit article sur le HasLayout, qui constitue un bon point de départ pour comprendre ce concept.
Merci pour votre aide, c'est un concept que je ne connaissais pas.

Il semblerait en effet qu'un simple "width: 100%" résolve mon problème.

A+