nicht angemeldet
Hallo,
Man muß ja mit der Zeit gehn, drum würd ich mich gerne von meinem alten (kompliziertem) Tabellen Code trennen und in die (einfache) Welt des layoutens mit CSS eintauchen - ja Pustekuchen :(
Ich versuch nun schon den ganzen Tag ein simples Problem zu lösen: Einen Inhalts bereich auf 100% der Fenster höhe aufzuziehn!
Da ich mich an die Zeit erinnere wo ich angefangen hab mit tabellen zu jonglieren - und es da am anfang auch nicht alles so geklappt hat wie ich wollte - denk ich mir fragste mal da gibts sicher nen Trick! :)
Im Grunde Standard Layout XYZ:
- Seite ist horizontal zentriert
- Header - fixe Höhe von 50px wegen image und backround effekten.
- Content 2 spaltig - variable höhe (besagtes problem) fixe breite von ~ 600px
- Footer - fixe Höhe von 40px wegen image und background effekten.
Hier ist der Code zu sehn: http://www.digital-environment.net/clean1.html
Nur wie bekomm ich nun Content und Sidebar auf 100%? Eigendlich ist nur die Sidebar wichtig!
Setze ich height auf 100% ists im firefox zu groß da er 100% zum fenster und nicht 100% zum parent nimmt (was meiner meinung nach logischer, einfacher und besser wäre!)
Was nicht geht ist den footer einfach irgendwie runter zu tricksen. Die Sidebar ist per bg-color abgesetzt und hat auch einen linken border der durch gehend sein soll.
Ich hab gesucht und gesucht und was gefunden das funktioniert wenn head & foot variable groß sein können: http://css.fractatulum.net/sample/layout7format.htm (super seite übrigens - danke!)
CSS ist cool - diese Struktur braucht mit tabellen ungleich mehr code - per CSS ist's einfacher standard conform zu schreiben (was für mich eine gewisse Bedeutung hat immer hin ist der w3c sowas wie ein vater für mich *lach*) - keep it simple - but it must work.. :(
Kann mir bitte jemand helfen?
Vielen Dank im Vorraus und dem Web ein Gruß!
Knut Meinke
Struppi