Hallo,

ich folgende Problem auf meiner Homepage mit dem IE:

Der Kopfbereich wird in FF und Opera richtig angezeigt, wenn die css-Definition ist:

#logoheader {width:100%; max-height:70px; margin: 0; padding:0; background: url(../images/header.jpg) #fff no-repeat bottom left; vertical-align:top;min-height:100px; padding-top:30px}

Im IE braucht der Kopfbereich die Definition:
#logoheader {float:left; height:60px}
Zusätzlich dürfen die oben blau markierten css-Anweisungen nicht angewandt werden.

Kann man das lösen?

Gruß
Dietmar

Betrifft es alle IE?

Wenn ja:
- benutz "Conditional Comments"
Sonst:
Giebts die üblichen Hacks:
"*" vor einer Eigenschaft wenn sie nur für IE6 gelten soll
"*+" wenn sie nur für IE7 gelten soll

Gruß

Es ist zwar verrückt, aber es sieht doch ähnlich aus:
für IE

Code css:

1 2 3 4 5 6 7

#banner_zeile01 {height:50px; margin:0; padding:0; width:100%}     #suche {float:left; padding-top:2px; width:20%}     #user3 {float:left; padding-left:30px; width:20%}     #usermenue {float:right; vertical-align:bottom;margin-bottom:125px}   #banner_zeile02 {max-height:100px; margin:10; padding:0; width:100%}     #logoheader {float:left; max-height:90px; margin-top:0px; min-height:80px;}

für andere Browser

Code css:

1 2 3 4

#suche {float:left; background-color:transparent;margin-top:5px; margin-bottom:30px; vertical-align:top} #user3 {float:left; margin-top:5px; margin-left:30px; margin-top:5px;} #usermenue {background-color:transparent;float:right;margin-top:5px;padding-top:15px; margin-bottom:15px} #logoheader {width:100%; max-height:60px; margin: 0; padding:0; background: url(../images/header.jpg) #fff no-repeat bottom left; min-height:100px;}