[CSS] Div soll so hoch sein wie der Inhalt der Seite

**Kropff** · 05.04.2006, 09:34

also ich kann keinen unterschied feststellen, ie6, moz 1.0, moz 1.5
mach doch mal screenshots davon

gruß
peter

**Benny-one** · 05.04.2006, 09:38

scroll mal nach unten, da fehlt dann der rahmen rechts und links.

**Kropff** · 05.04.2006, 09:47

jau jetzt sehe ich es auch (hab 1600x1200, da mußte ich nicht scrollen). liegt an height: 100%. min-height ist die lösung.

gruß
peter

**wahsaga** · 05.04.2006, 12:16

Re: [CSS] Div soll so hoch sein wie der Inhalt der Seite

Original geschrieben von Benny-one
Nun hat dieser Div-Layer aber ein Background-Image, dass jedoch nur in der Höhe des sichtbaren Fensters angezeigt wird.

Hast du height etwa immer noch nicht verstanden ...?

**Benny-one** · 05.04.2006, 13:24

Re: Re: [CSS] Div soll so hoch sein wie der Inhalt der Seite

Original geschrieben von wahsaga
Hast du height etwa immer noch nicht verstanden ...?

wie kann ich denn eine Style-Angabe nur für einen bestimmten Browser geltend machen?
Weil FF will min-height und IE height

**Kropff** · 05.04.2006, 13:29

Weil FF will min-height und IE height

aber der ie hat da noch einen bug. deswegen kannst du das ausnutzen.

gruß
peter

**Benny-one** · 05.04.2006, 13:32

^^ ich kann aber kein height:100% nehmen, da sonst das min-height für den FF nicht funktioniert.

**Kropff** · 05.04.2006, 13:40

du sollst ja auch min-height nehmen und nicht height, dann schau es dir mal an, es funzt.

gruß
peter

**Benny-one** · 05.04.2006, 13:42

@Kropff: min-height: FF geht -> aber IE geht garnichts mehr!
height: IE geht ->> FF geht nicht
Beides in einer CSS: IE geht, FF nicht. Jetzt verstanden?!

gefunden: http://de.selfhtml.org/css/layouts/browserweichen.htm

**Kropff** · 05.04.2006, 14:14

kann ich nicht nachvollziehen. bei mir funzt es einwandfrei.

gruß
peter

**Benny-one** · 05.04.2006, 14:18

weil ich es ja auch mittlerweile gefixt habe

Code:

<!--[if IE]>
<style type="text/css">
body {
	height: 100%;
}
</style>
<![endif]-->

**Kropff** · 05.04.2006, 14:29

bei mir lokal hat es auch so funktioniert

was solls.

gruß
peter

**mcmurphy** · 07.04.2006, 11:33

Kennste den:

das div oder den body mit class oder id versehen.

zb: <body id="bsp">

und dann im CSS:

body.bsp { /* Abgaben für alle Browser */}
body.bsp[id] { /* Verstehen alle ausser IE */}

und das habe ich mal im Netz gefunden, auch praktisch:

PHP-Code:


#wrapper { width: 980px; height:100%;

 /* für den IE, der height falsch als min-height interpretiert */ 

           text-align:center; margin: 0px auto;

           background-image:url(../bg/bg_color.jpg);      background-repeat:repeat;

}



html>body #wrapper {

     height:auto; /* macht die Angabe von 100% bei echten Browsern rückgängig */

     min-height:100%;

}

[CSS] Div soll so hoch sein wie der Inhalt der Seite