Div-Bereich mit 100% height im Firefox

[fab_k]

Hallo Forum,

ich habe da ein spezielles Firefox-Problem, wenn es um die Höhe eines DIV's geht:

Es gibt folgenden DIV:

#content {
    padding-right:15px;
    position: relative;
    top: -163px;
    left: -20px;
    z-index: 2;
    overflow: auto;
    height:300px;
    margin-right: 20px;
    } 

Hier das Ergebnis dieses Content-Bereiches:

Projekt-Seite -> Das Problem - wie gesagt - nur im Firefox

Ich habe es mit min-height vergeblich versucht; wenn ich die height auf 100% setze (so würde ich es für den MIE mit einer Weiche einstellen), zieht der FF den Bereich so lang, wie der Content ist...

Wie bringe ich den Firefox dazu, den Div-Bereich dynamisch dem Browserfenster anzupassen, geht so etwas? Muss ich eigentlich ein <!DOCTYPE -Tag setzen?

Vielen Dank für Eure Hilfe

Gruß
Fabian

[Kropff]

als erstes solltest du mal alle fehler beseitigen. und im zweiten schritt auf layout-tabellen verzichten.

gruß
peter

[jahlives]

zieht der FF den Bereich so lang, wie der Content ist...

Works as designed...
Ansonsten die Höhe in Pixel oder em vorgeben und mittels overflow dafür sorgen, dass der Content nicht über den div hinausläuft.

Gruss

tobi

[fab_k]

Feste Größe

Vielen Dank für Eure Hilfe!

@jahlives:

Ich habe die Höhe ja auf 300px und overflow: auto - ich hätte den Div jedoch so gerne dem Browserfenster entsprechend groß...

Ich stoße da wohl echt an eine Grenze beim FF

Die Breite ist im FF übrigens dynamisch

Gruß
Fabian

[fab_k]

Vielen Dank für Eure Hilfe!

@jahlives:

Ich habe die Höhe ja auf 300px und overflow: auto - ich hätte den Div jedoch so gerne dem Browserfenster entsprechend groß...

Ich stoße da wohl echt an eine Grenze beim FF

Die Breite ist im FF übrigens dynamisch

Gruß
Fabian

[Kropff]

Ich stoße da wohl echt an eine Grenze beim FF

und bei allen anderen modernen browsern. such mal nach faux frames.

gruß
peter

[RanzigeMilch]

Re: Div-Bereich mit 100% height im Firefox

Original geschrieben von fab_k

Wie bringe ich den Firefox dazu, den Div-Bereich dynamisch dem Browserfenster anzupassen, geht so etwas?

mit js jo


..ich seh ehrlich gesagt keinen unterschied zwischen ie und ff oO
warum verschenkst du soviel platz nach unten, wenn deine seite ja offensichtlich shcon für ne (mom auflösung nachschaun) 1024er auflösung optimiert ist ..

[pekka]

Original geschrieben von Kropff
und bei allen anderen modernen browsern. such mal nach faux frames.

<provokant>
Mit einer 100% hohen Tabelle geht sowas ganz super.
</provokant>

[Kropff]

Original geschrieben von pekka
<provokant>
Mit einer 100% hohen Tabelle geht sowas ganz super.
</provokant>

peter

[pekka]

Ganz toll geht das. Ohne JS. Läuft in allen Browsern.

[fab_k]

@RanzigeMilch:

Es gibt zur Zeit auch keinen Unterschied, ich würde aber für den MIE eine Weiche einbauen, sodass dieser height: 100% bekommt. Wie meinst Du, es mit JS zu lösen?

@pekka:

100% hohe <td> und da den DIV einbauen? es soll ja einen Scrollbaken geben, wenn der Content lang wird... ?

Vielen Dank für Eure Hilfe!

Gruß
Fabian

[Kropff]

und so was?

peter

[RanzigeMilch]

naja du ermittelst bei onload und mit onresize die größe des browsersfensters (VORSICHT versch. browser->versch. angaben absichern!)
und schreibst dann das attribut vom div neu
is aber halt js

[fab_k]

... das hatte ich auch schon erwogen, danke. Als Notlösung würde es dem Kunden jedoch auch reichen, wenn im FF der Content sich nach unten verlängert, ohne DIV. Das würde ich dann wohl so machen.

@Kropff: Danke, das hatte ich nicht gefunden. Schaue ich mir mal an.