✔ min-height Hack

[d-braun]

Hallo ich habe ein kleines Problem mit der Darstellung.
Ich habe gegoogelt un den min-heigt Hack gefunden. Doch leider will der bei mir nicht so richtig funktionieren
Vieleicht könnt ihr mir helfen.

Hier die css:

#content {
	padding: 5px;
	background-color: #ffffff;
	min-height:400px;
	height:auto;
}

.minheight {
	height:400px;
}

Und so wird das ganze eingebunden:

<div class="minheight" id="content">
...
</div>

Firefox interpretiert die min-height Angabe aber IE kapierts irgentwie nicht die height zu "überschreiben".

Kann mir einer helfen?


MFG

dom

 

[Gumbo]

Probier mal Folgendes:

<div id="content">
	<div class="minheight"></div>
	…
</div>

#content {
	padding: 5px;
	min-height: 400px;
	height: auto;
}

.minheight {
	float: left;
	height: 400px;
}

 

[d-braun]

Danke hat funktioniert.
Jedoch muss es so aufgebaut werden weil sich sonst der content hinter das <div> stellt und somit 400px nach unten rutscht.

<div id="content">
... Hier der content ...
<div class="minheight"></div>
</div>

Greetz dom

//edit

Mist geht doch nicht.
Das <div> stellt sich immer vor bzw. hinter den content.
Der container hat jetzt zwar die gewünschte min-heigt aber wenn ich Text schreibe soll der leere Bereich überschrieben werden und nicht vor sich her geschoben werden.

Sonst noch eine Idee?

 

[Maik]

So sollte es im IE funktionieren:

#content {
        padding: 5px;
        background-color: #ffffff;
        min-height: 400px;
        height: auto;
}

* html #content { /* Für IE */
        height: 400px;
}

<div id="content"> ... </div>

 

[d-braun]

Prima funktioniert so. Danke

Greetz dom