28173 sujets

CSS et mise en forme, CSS3

Hello,

Mon site passe parfaitement sous Firefox et Safari, mais pas sous IE (testé sous IE6). Ca ne me gène pas outre mesure, mais si quelqu'un peut voir pourquoi, ça m'arrangerait quand meme Smiley smile

L'URL: http://alex.passant.org/blog/

En fait, sous IE, le menu de droite ne se place pas au niveau du texte à sa gauche, mais en dessous (à droite quand meme).
C'est sans doute du à une position mal défine, mais je ne vois pas ou.

Merci !
Modifié par terraces (27 Sep 2005 - 12:48)
Salut,

rapido sans regarder la source (passe en coup de vent)

Si tu utilises le positionnement flottant et les marges sur ces éléments, IE double ces marges (va savoir pourquoi), il faut donc les dédoubler sous IE (hack CSS).

L'idéal est en fait de ne pas marger les éléments flottant et dimenssionnés.
Ok, je tenterai ça lundi (pas de IE le W.E.), si quelqu'un d'autre voit d'ou ça peut venir à part ça d'ici là ...

merci
Pas très concluant. Tu aurais un lien sur ce qu'il faut faire précisément que je compare avec ma tentative.

Pas d'autres idées sinon ?
Salut.
Il me semble que l'element flottant dans ton code html est placé apres le conteneur ce qui l'empeche de flotter
Le problème est tout simple, la page présentée comme ne passant pas sous IE6 contient une image (blogmarksgregarius.png) dont la largeur + marge dépasse la taille du container #main{width: 520px;}. Dans ce cas IE élargit systématiquement le container à son contenu ne respectant pas la largeur explicite.
C'est extrêmement pénible, personnellement je ne connais pas d'autre solution que de positionner l'élément "débordant" en absolu.

En conclusion, rien à voir avec les flottants. Smiley biggrin
@ terraces> C'était un plaisir Smiley ravi , puisque j'ai pu découvrir sur ton blog différentes choses que je ne connaissais pas, notamment http://geourl.org/ .
Modifié par Xavier (27 Sep 2005 - 12:57)