Accoler 2 éléments sous IE<=6

**Givemefive** · 05/01/2007, 12h40

Bonjour,
J'ai bien compris qu'internet explorer (version 6 par exemple) n'utilisait pas les memes normes que FFX quand aux dimensions des boites. J'ai donc opté pour un commentaire conditionnel avec une deuxieme feuille de style de correction. Sous FFX et IE 7 mes boites sont collées horizontalement les unes aux autres. Mais sous IE 6 impossible d'obtenir le meme resultat meme avec une feuille de style rien que pour IE.

Soit j'ai un gros trou (de 2 ou 3 px) :

Soit si j'augment la taille d'un des deux conteneurs d'1 seul px j'obtient :

Comment faire ???

Je ne mets pas mes CSS et ma page HTML parce qu'ils sont longs, mais à la demande je peu les mettre...

**Bisûnûrs** · 05/01/2007, 14h21

Tu dois avoir un margin ou un padding quelque part non ?

**Givemefive** · 05/01/2007, 15h21

salut bisunurs,
j'ai effectivement un padding quelquepart. Je suis au courrant que la taille d'un element sous IE comprend le padding et la border. Cela explique pourquoi cela ne s'affiche pas pareil sur IE et FFX, mais la j'ai une feuille de style rien que pour IE et ce que je ne comprend pas c pourquoi en 1 px d'ecart je passe d'un truc trop petit (trou de 4px) à un truc trop grand(chevauchement donc au moins 1 px de largeur en trop)... Je ne sais pas si je suis très clair désolé. En tout cas la réponse à ta question est oui j'ai des padding sur des elements... J'éspère que ça pourra t'aider...

**Candygirl** · 05/01/2007, 17h06

Envoyé par Givemefive

Bonjour,
J'ai bien compris qu'internet explorer (version 6 par exemple) n'utilisait pas les memes normes que FFX quand aux dimensions des boites. J'ai donc opté pour un commentaire conditionnel avec une deuxieme feuille de style de correction.

Le problème du model de boîte différent peut être règlé par l'emploi d'un doctype correcte tout en haut de ton document.

Une feuille de style annexe peut néanmoins être nécessaires pour corriger les bug d'IE et les quelques propriétés qu'il n'interprête pas ou mal.

A première vue tu te trouves confronté au bug des 3px sur IE6- qui rajoute 3px à l'élément adjacent d'un flottant. Son traitement va dépendre de la construction de ton design. Apparement puisque ton design semble avoir une taille connue pour le corps, la manière la plus simple de le contourner est de positionner ton corps aussi en float.

**Givemefive** · 05/01/2007, 17h16

Mon document présente déja un doctype de la forme :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Est-ce bon ? Ou cela n'a peut être aucun rapport lol...

Le problème est que ces conteneurs sont les fils de deux conteneurs parents imbriqués. Tous les conteneurs parents doivent être mis en float pour éviter ce bug ? si je ne m'abuse les propriétés que l'on peut assigner à float sont left right ou none... Je en veux évidement pas que mon conteneur principal flotte à droite ou à gauche... Dois-je mettre float:none ? et ceci sur tous les parents des conteneurs concernés ?

Merci candygirl.

**Candygirl** · 05/01/2007, 17h23

Envoyé par Givemefive

Mon document présente déja un doctype de la forme :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Est-ce bon ? Ou cela n'a peut être aucun rapport lol...

Le problème est que ces conteneurs sont les fils de deux conteneurs parents imbriqués. Tous les conteneurs parents doivent être mis en float pour éviter ce bug ?

Le doctype n'a aucun effet sur ce bug mais sur les dimensions des boîtes. Normalement, avec ton doctype, tu ne dois pas avoir de grosses différences de dimensions entre FF et IE si ce n'est les bugs

Donc pas de quoi faire uncss annexe conséquent.

Non, aucun problème pour tes conteneurs, c'est juste le cadre qui se trouve à côté de ton float right que tu mets en float. Le problème que tu risques de rencontrer alors est que tes cadre ne desendent plus jusqu'au bas de ton conteneu. Mais tu devrais le résoudre avec la propriété clear sur ton footer:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
#footer{clear:both;}

Enfin tout ceci n'est que spéculation en fonction de ton image; avec le code ou un lien ça serait plus simple de t'aider

**Givemefive** · 05/01/2007, 17h38

merci candygirl avec le float:left ca marche impecable, je ne vais peut être plus avoir besoin de ma css pour ie... Si ce n'est pour un probleme de couleur d'une image qui ne s'affiche pas pareil?

**Candygirl** · 05/01/2007, 17h40

Envoyé par Givemefive

Si ce n'est pour un probleme de couleur d'une image qui ne s'affiche pas pareil?

Une image png?

**Givemefive** · 05/01/2007, 17h41

Oui donc ce problème de couleurs differentes d'une image png et quand je prend la pipette dans photoshop je n'ai clairement pas le mm code couleur sur FFX et IE pour la meme image... N'aurais tu pas des infos pour cela aussi ???

Accoler 2 éléments sous IE<=6

CSS

Vue hybride

Discussions similaires

Partager

Partager