Hoi,

Op www.soccercity.nl zie je bij de headline met de grote foto een grijze balk waar "lees meer" in staat. Die grijze balk staat in firefox zo'n 2-3 pixels onder de foto en in IE mooi gelijk met de foto.

Hoe zorg ik ervoor dat die in FF ook mooi gelijk staat met de foto?

Ik denk dat het komt doordat in FireFox de padding bij de height van het object opgeteld word. Heb je dus dit, dan is de class 22 pixels hoog:

.class {
height: 20px;
padding: 1px;
}

Origineel gepost door Michiel Hennink

Ik denk dat het komt doordat in FireFox de padding bij de height van het object opgeteld word. Heb je dus dit, dan is de class 22 pixels hoog:

.class {
height: 20px;
padding: 1px;
}

Wat moet ik dan doen?

Lezen over de box model hack. Zonder te kijken maak ik uit voorgaande posts op dat het daar om gaat namelijk.

Kijk misschien ook hier eens: http://www.gigadesign.be/2004/12/css-box-model-hack/