div-tag css height und width - 20px != 20px?

Status
Nicht offen für weitere Antworten.

mailworm

Grünschnabel
guten morgen,

ich versuche gerade, wegen der agg. besseren interpretation durch verschiedene browser eine seite von tabellen zu befreien und durch div-tags zu ersetzen..

nun habe ich also schön den quelltext umgeschrieben und die div-tags mit css "formatiert", schau mir das ergebnis einmal in ie6 und einmal in netscape6 an und muß feststellen, dass mein konstrukt aus tabellen ein definitiv besseres ergebnis geliefert hat.. zumindest, was das ergebnis in netscape angeht.

ich habe mit css einem div-tag eine bestimmte höhe (20px) und eine breite (450px) zugewiesen.. nun scheint es, als ob pixel in IE nicht gleich pixel in netscape sind.. netscape stellt das div-tag mit ca. 30px höhe und 460px breite dar, was wegen eines hintergrundbildes im div-tag total danaben aussieht..

hat jemand eine idee, woran dies liegt und wie ich es umgehen kann oder ist es einfacher wieder back to the roots mit tabellen zu arbeiten?

vielen dank vorab!

mailworm
 
Hi,

wenn Du mit DIVs arbeitest, die neben Angaben zu Breite (width) und Höhe (height)
auch Innenabstände (padding) und Rahmendicke (border-width) enthalten, werden
die effektiven Abmessungen in unterschiedlichen Browsern verschieden interpretiert.

Mehr zum Box-Modell und dem Box-Modell-Bug findest Du dort:
- Box-Modell
- Box-Modell-Bug

Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.
Zurück