CSS Problem

Hussl · 30.07.2006, 19:05

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?

tivise · 30.07.2006, 21:27

Wieso fragst du wenn du das Problem kennst?

Das W3C findet das auch scheiße!

rollipolli · 30.07.2006, 22:36

box problem vom IE

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

xantom · 31.07.2006, 12:48

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.

Hussl · 31.07.2006, 15:04

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.

30.07.2006, 19:05	#1
Hussl Veteran Registriert seit: 08.02.2001 Alter: 41 Beiträge: 320	CSS Problem 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? ____________________________________ Nein, ich bin nicht die Signatur, ich putz hier nur. http://www.chili-it.at

30.07.2006, 21:27	#2
tivise Veteran Registriert seit: 28.06.2006 Alter: 42 Beiträge: 336	Wieso fragst du wenn du das Problem kennst? Das W3C findet das auch scheiße! ____________________________________ Psalm 139 17,18 - AT Komische Dinge gehen dir voraus...

30.07.2006, 22:36	#3
rollipolli Veteran Registriert seit: 12.04.2001 Alter: 43 Beiträge: 330	box problem vom IE schau mal unter http://de.selfhtml.org/css/formate/box_modell.htm ____________________________________ http://vecego.0wnz.at/

31.07.2006, 12:48	#4
xantom Newbie Registriert seit: 21.04.2006 Beiträge: 11	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. ____________________________________ www.zinobrettarsis.de - Gebrauchte Hardware kaufen www.sarturia.com - Rollenspiel frustblog.blogspot.com - Mein Blog

31.07.2006, 15:04	#5
Hussl Veteran Registriert seit: 08.02.2001 Alter: 41 Beiträge: 320	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. ____________________________________ Nein, ich bin nicht die Signatur, ich putz hier nur. http://www.chili-it.at

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln