Hallo Leute,
Ich möchte ein Skalierbares Fenster realisieren, habe dazu auch soweit alles fertig.
Mein Aufbau sieht folgendermaßen aus:
DIV -- Fensterrahmen -- (position:absolute)
DIV -- Titel -- (float:left)
-> fix Höhe (30px)
-> var Breite (100%)
/DIV -- Titel --
DIV -- Inhalt -- (float:left, overflow:auto)
-> var Höhe (100%)
-> var Breite (100%)
/DIV -- Inhalt --
DIV -- Statuszeile -- (float:left)
-> fix Höhe (13px)
-> var Breite (100%)
/DIV -- Statuszeile --
/DIV -- Fensterrahmen
In der Statuszeile liegt ein rechtsbündig-ausgerichtetes Bild, welches zum vergrößern/verkleinern des Fensters dient.
Wenn ich nun das Fenster skaliere, wird eigentlich nur die Größe des Fensterrahmen-Div geändert, alles innerhalb soll sich selbstständig anpassen.
Leider ragt das Inhalt-Div aus dem Fensterrahmen-Div hinaus und schiebt dabei auch gleich das Statuszeilen-div mit. Ich habe hier bestimmt einen Fehler im CSS-Bereich (mit floaten) gemacht..
Kann mir hier bitte jemand helfen?
PS(1): den Code kann ich leider nicht Posten, da er teils durch php und teils durch js generiert wird, das wäre jetzt ein Mords-Aufwand..
PS(2): Ich möchte vermeiden, dass ich die Größe nachträglich mit Javascript anpassen muss, da ich eine Funktion verwende, welche nicht nur für das eine Fenster/diese eine Aufgabe gelten soll.