WCM Forum - CSS Problem

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - CSS Problem (http://www.wcm.at/forum/showthread.php?t=196289)

Hey!

Habe folgendes in einem Stylesheet:

Code:

.boxgrau { 

   font-family: Arial; 

   font-size: 9pt; 

   font-style:italic;

   width:300px;   

   border:1px solid #E0E0E0; 

   padding:5px 5px 10px 80px;  

   letter-spacing:1px; 

   line-height:1.5em; 

   margin:0 0 0 0;  

     

   background-image:url(/images/blockquote.gif);

   background-repeat:no-repeat; 

   background-position:8px 8px;

}

In Firefox 1.5 aufwärts wird das korrekt dargestellt. Jedoch im IE nicht.
Es hat den Anschein, als ob das was mit "padding" zu tun hätte. Die Breite ist ja auf 300 eingestellt, im Firefox wird die Breite von Padding jedoch noch dazugerechnet. Die endgültige Breite hat also dann 380, was ja passen würde.
Im IE ist die Breite aber wirklich 300 und schaut deshalb grindig aus. Mach ich es breiter, is im Firefox wieder scheiße...

Weiß jemand was ich verbrochen hab?

Wieso fragst du wenn du das Problem kennst?

Das W3C findet das auch scheiße!:idee:

box problem vom IE

schau mal unter http://de.selfhtml.org/css/formate/box_modell.htm

Also zu dem Problem kann ich leider keine direkte hilfe geben, allerdings habe ich festgestellt, das es sehr hilft das div element möglichst für css formate ein zu setzen und dann darauf zu achten, das alle elemente innerhlab des div-Blocks begonnen und geschlossen werden.

Also mit der Direktive

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

scheints jetzt doch hinzuhauen.