Firebird zeigt Hintergrundbild nicht an

[MudGuard]

Hi,

<div id="framework">
        <div id="main">
        </div>
        <div id="column">
        </div>
    </div>
"main" und "column" liegen jeweils nebeneinander (float: left bzw. right).
#framework {
    background-image: url('./images/50feet.png');
    height: 100%;

Opera und IE zeigen alles korrekt an, nur der Firefox will eine statische, feste Höhe haben, sonst fehlt das Hintergrundbild (das Bild soll durch "column" durchschauen, zwecks "Faux Columns").

height:100% läuft auf height:auto raus, falls nicht das Elternelement eine festgelegte Höhe hat.
Die Höhe des div richtet sich also nach dem Inhalt.
Die beiden div innerhalb des framework nimmst Du per float aus dem framework raus.
Bleibt kein Inhalt mehr übrig, die Höhe ist also 0.

Abhilfen:

• für height ungleich auto sorgen
• für Inhalt im framework sorgen, der unterhalb von main und column angezeigt wird (clear!)

cu,
Andreas