28173 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai un petit problème Smiley rolleyes :

les screens sont plus parlants :

http://www.kawaiyume.net/~bordel/ff.png
Firefox

http://www.kawaiyume.net/~bordel/ie.png
IE

<modération>Merci de ne pas inclure d'images de grande taille</>

Voilà, vous voyez un menu (qui peut se déplier) fait avec des dl dt dd, et un div (cadre rouge) contenant une table (avec plein de babioles)

Le problème : j'ai l'impression que IE m'insère un 'clear:both' automatiquement sur la table, et c'est pas cool.

Quelqu'un as-t-il déjà eu ce problème ?

Comment faire sorte que IE ne suive pas le menu pour la table ? (en effet quand je déplis le menu, la table bouge avec).

PS : je sais que ce n'es pas le seul problème que j'ai (ex : les fieldset dans ie sont bizarres), mais je verais çà après.

Merci
Modifié par Laurent Denis (27 Feb 2007 - 18:41)
Salut.

Apparemment, IE ne trouve pas la place nécessaire pour afficher les 2 colonnes sur la même ligne, tout simplement.

Est-ce que tu travailles bien en mode de respect strict des standards ? I.e. avec un doctype correct, sans prologue XML, etc.

Si c'est le cas, vérifie les définitions de largeur, les marges & padding latéraux des colonnes, etc., et assure-toi de ne jamais dépasser la largeur du conteneur.

La différence peut aussi provenir d'une erreur d'arrondi dans le calcul des largeurs de la part d'un des 2 navigateurs, ce qui se résoudra en diminuant légèrement la largeur de l'une ou l'autre colonne ...