max-height für IE

Michi11 · 17.06.2006, 18:08

Hallo zusammen,

ich habe einen header, in den ich ein logo platziert habe. um das design etwas aufzulockern habe ich die grafik mit margin um ein paar pixel nach unten (und nach links, was aber hier glaube ich nicht relevant ist) geschoben, sodass die grafik aus dem header hinaus in den darunter platzierten div tag ragt.
mein problem: der ie macht den header größer, obwohl er eine feste höhe zugewiesen hat, ich bräuchte also eine ausweichmöglichkeit für die max-height.

der code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div id="header"><img src="Unbenannt-1.gif" width="334px" height="150px" alt="Logo" /></div>
<div id="breadcrumb"><p class="rightalign"><a href="Home.html">Home</a> &raquo;</p>
</body></html>

css

Code:

#header img {
	padding: 2px;
	margin: 24px 0px 0px -58px;
	position: relative;
}
#header {
	height: 154px;
	width: 575px;
	background-color: #EAD6D0;
	float: left;
}
#breadcrumb {
	background-color: #B59C84;
	width: 775px;
}

bin am verzweifeln, weil ich keine lösung finde!!
wäre für tipps danbar.

Boris · 17.06.2006, 19:13

Viel Spaß: http://www.google.de/search?q=max-height+ie

Michi11 · 17.06.2006, 20:28

Es wird ja immer expression(...) empfohlen.

Ich habe jetzt folgendes verwendet:

Code:

<!--[if lt IE 7]>
<style type="text/css">
#header {height: expression(this.scrollHeight > 150 ? "150px" : "auto");
	overflow: hidden;}
</style>

overflow muss ja angegeben werden, sonst geht es nicht.
die grafik wird jetzt aber nur abgeschnitten angezeigt und zwar im header, die teile die den anderen div teilweise überdecken werden nicht angezeigt. was mach ich falsch bzw. was muss ich verbessern?

nebenbei: mir ist grade eingefallen, dass ich ja nicht unbedingt max-height benötige. in dem header ist ja nur eine grafik, deren größe sich ja nicht verändert. eine angabe height wie sie firefox und co korrekt interpretieren würde also reichen! - gibts da eine einfachere variante?