[XHTML] width + border sous IE

**Death83** · 30/09/2006, 23h02

Salut a tous,

cette fois ci j'ai un probleme avec IE. En fait j'ai un cadre d'une largeur de 165 pixel avec une bordure de 1 px.

Le problème que j'ai est qu'avec IE le cadre fait toujours 165 px de large avec les bordures alors que sous les autres navigateurs le cadre (avec les bordures) fait 167px.

Est-ce-normal? Si oui comment remédier à ce problème?

Merci d'avance!

**JackBeauregard** · 30/09/2006, 23h29

Oui j'ai rencontré plusieurs fois ce problème entre firefox et IE, c'est très pénible. Dans un des deux cas les bordures semblent être à l'extérieur, donc ajoutée à la dimension du cadre.
Sur IE7 j'ai constaté que ce problème avait disparu de mon site. Sinon je crois que je l'avais plus ou moins résolu en ajustant le padding ou les dimensions mais dès fois sur firefox la bordure ne s'affichait alors plus, il fallait réactualiser la page.

**Death83** · 01/10/2006, 00h10

Envoyé par JackBeauregard

Oui j'ai rencontré plusieurs fois ce problème entre firefox et IE, c'est très pénible. Dans un des deux cas les bordures semblent être à l'extérieur, donc ajoutée à la dimension du cadre.
Sur IE7 j'ai constaté que ce problème avait disparu de mon site. Sinon je crois que je l'avais plus ou moins résolu en ajustant le padding ou les dimensions mais dès fois sur firefox la bordure ne s'affichait alors plus, il fallait réactualiser la page.

Justement la je teste avec IE7 et j'ai bien le problème

.

J'ai essayer de bidouiller avec des padding mais il y a rien a faire, les écarts s'additionne pareil avec tout les navigateur, donc impossible de rattraper les 2 pixels mordu par IE :/.

Il doit bien avoir une solution( mais laquelle)...

**Candygirl** · 01/10/2006, 00h17

Petite question:

As-tu bien définis un doctype correct en haut de ta page ?

**Death83** · 01/10/2006, 01h03

oui j'ai mis celui pour le XHTML 1.1:

J'ai ca en haut de mes pages:

Code :

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

1
2
3
4
 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

J'ai essayé egalement avec XHTML 1.0 strict mais ca fait pareil.

**francis m** · 01/10/2006, 01h32

le problème est connu : sous ie et navigateurs similaires, tel que myIE et je pense maxthon, la bordure est comprise dans la largeur du bloc (donc 165px dans ton cas), alors que ff et netscape mettent la bordure à l'extérieur du bloc (donc 167px dans ton cas)

Sur le fond tu ne peux rien faire de propre. La seule solution est de faire un patch spécifique pour ie, par exemple rajouter cette ligne dans le <head>

Code :

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

<!--[if IE]><style type="text/css">.cadre { width:167px; }</style><![endif]-->

[XHTML] width + border sous IE

HTML

Vue hybride

Discussions similaires

Partager

Partager