✔ IE vs. Firefox - Headerproblem in CSS

[Hisky]

Guten Abend,

ich dreh noch durch. (Standardsatz von CSS Planlosen )

Meine Seite http://www.hisky.de hat als Header ein Bild, dessen Größe durch eine Theme CSS Datei festgelegt wird. IE kapiert das, für FireFox fehlt wohl ein Befehl.

Woran liegt es, dass in FireFox die style.css nicht greift?

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/**/ * html .Header { height: 175px;} /* */ 
.Header { background: url(images/HeaderBkg.jpg) repeat-x left top; width: 1000px; position: relative; clear: left; padding: 0px; min-height:95px;}

.Header h1 { font-size: 28px; line-height: 28px; letter-spacing: -1px; padding: 27px 5px 0px 100px; margin: 0px; font-weight: normal;}
.Header h1 a { color:#fff; text-decoration: none; }
.Header h1 a:visited { color:#fff; text-decoration: none; }
.Header h1 a:hover { color:#fff; text-decoration: none; }
.Header .Desc { color:#75c0d9; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: -1px; font-family: 'Arial'; padding: 0px; margin: 0px 0px 0px 100px;}

 

[Maik]

Hi und herzlich Willkommen im Forum

Du hast im Klassen-Selektor .Header für die Box eine Mindesthöhe von 95px eingerichtet, und diese wird vom Firefox korrekt interpretiert. Für den IE hingegen hast du height:175px deklariert.

min-height:175px führt somit im FF zur selben Darstellung wie im IE.

Übrigens hat sich im Original-Code ein Semikolon zuviel zwischen die padding- und min-height-Eigenschaft gemogelt.

 

[Hisky]

Okay. Das war jetzt schön peinlich

Werde CSS wohl nie richtig verstehen, so genial es auch ist.

Hab jetzt jeweils height 175 hinterlegt. Geht 1a

Danke!