Forum Développeur - Administration serveur, programmation et base de données

Version complète : padding dans ie et firefox.

Forum Développeur - Administration serveur, programmation et base de données > Programmation > xHTML et CSS

ktarr

Apr 28 2005, 04:30 PM

Bonjour,

Petit problème de padding avec ma mise en page.

Dans firefox comment dire il y a un léger problème.
Il rajoute la padding droit à la dimension de la div.

Je vous joins le script css plus des captures d’écran.
Merci.

IE
user posted image

FIREFOX

Code :

CODE

body, html {

margin:0;

padding:0;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight: 100;

text-decoration: none;

background-image: url(images/fond.png);

background-repeat: repeat;

color: #666666;

}

#global {

position: absolute;

width: 742px;

left: 50%;

margin-left: -371px;

background-color: #FFFFFF;

border: 1px solid #666666;

}

#haut {

height:136px;

}

#centre {

margin-left: 242px;

left:0;

width: 500px;

text-align: justify;

border-left: 1px solid #666666;

padding: 2em;

}

#gauche {

position: absolute;

left:0;

width: 242px;

}

mexandre

Apr 28 2005, 07:30 PM

Salut,
Et si tu faisais en sorte que padding + width = 742 px, ça arrangerait les choses.

RaphaelG

Apr 28 2005, 07:47 PM

Il faut effectivement savoir que IE a un "modèle de boite" différent des autres navigateurs et non conforme aux standards.
Il ne prend pas en compte le padding et les bordures comme les autres.

Plus d'infos :
http://www.openweb.eu.org/articles/dimensi...ons_boites_css/
http://css.alsacreations.com/Bases-et-indi...patible-partout

Bonne chance

ktarr

Apr 28 2005, 08:15 PM

Merci de vos réponces, j'ai supprimé le "width" et la mise en page
est identique sur ie et firefox.

Merci encore.

RaphaelG

Apr 29 2005, 09:19 AM

De rien, bonne continuation

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.