nicht angemeldet
Header+Footer fix, Content Liquid. Alles 100%. Geht das mit CSS?
Hallo,
ich hab mal ein bisschen im Archiv gesucht aber keine wirkliche Anwort dazu bekommen.
Für eine Anwendung möchte ich folgedes Layout haben:
_____________________
| Header, fixe Höhe |
|---|
| fi |
| xe |
| Brei |
| te |
| --------------------- |
| Footer, fixe Höhe |
| _____________________ |
d.h. nur der Content-Bereich soll sich "dynamisch" an die Browsergröße anpassen, der Rest (Navigation etc.) hat eine fixe Höhe oder Breite.
Hat jemand sowas schon mal mit einem Tabellenlosen CSS Layout geschafft?
Die Yahoo-UI Library bietet z.B. ein schönes Grid-CSS, aber leider ohne das die Höhe "liquid" wird...
Oder brauchts dazu irgendwelche JavaScript-Tricks und wenn welche?
Danke & schönen Sonntag,
Peter
-
Tachchen!
Suchst du den FooterStickAlt?
Gruß
Die schwarze Piste
--
ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
Smartbytes Webdesign in Oberhausen-
Suchst du den FooterStickAlt?
Leider nicht, mein Problem ist das der Content (DIV) "echt" angepasst wird, da sich darin Dinge befinden sollen (z.B. eine Tabelle) die sich an der Größe des Content-Bereichs orientieren.
-
Tachchen!
Leider nicht, mein Problem ist das der Content (DIV) "echt" angepasst wird, da sich darin Dinge befinden sollen (z.B. eine Tabelle) die sich an der Größe des Content-Bereichs orientieren.
Öhm ... entweder ich verstehe dich nicht oder du nicht den FooterStickAlt.
Die Konstruktion ist darauf ausgerichtet, einen Footer zu haben, der
immer am unteren Ende der Seite ist ... egal wo dieses Seitenende
als Folge unterschiedlich langer Inhalte ist.In welcher Hinsicht ist das nicht das Gesuchte?
Gruß
Die schwarze Piste
--
ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
Smartbytes Webdesign in Oberhausen-
Öhm ... entweder ich verstehe dich nicht oder du nicht den FooterStickAlt.
Die Konstruktion ist darauf ausgerichtet, einen Footer zu haben, der
immer am unteren Ende der Seite ist ... egal wo dieses Seitenende
als Folge unterschiedlich langer Inhalte ist.In welcher Hinsicht ist das nicht das Gesuchte?
Das Problem ist dabei ist das wenn ich in dem Content-Bereich jetzt eine Tabelle mit 100% Höhe habe (soll keine Web-"Seite" werden, sondern eben eine Webanwendung wo Zeuch in dem Content-Bereich dargestellt wird), dann legt sich der Footer über den unteren Teil des Contents.
Ich glaube ohne JS-Tricks wirds hier schwierig und ich bin sogar schon am Überlegen ob ich in dem speziellen Fall nicht doch einfach ne Tabelle nehm (Jehova! Jehova!) ...
Es funktioniert halt einfach so schön *heul*:<table width="100%" height="100%" border="1">
<tr>
<td colspan="2" height="50">Header</td>
</tr>
<tr>
<td width="160">Navigation</td>
<td>
Content
</td>
</tr>
<tr>
<td colspan="2" height="50">Footer</td>
</tr>
</table>Grüße,
Peter-
Tachchen!
Das Problem ist dabei ist das wenn ich in dem Content-Bereich jetzt eine Tabelle mit 100% Höhe habe
Hast du das wirklich mit 100% Höhe formatiert? Ich dachte, der Content
sollte wechselnde Höhen haben? Und 100% Höhe geht ja auch nicht ohne
weiteren Aufwand schon zuvor?[...] dann legt sich der Footer über den unteren Teil des Contents.
In welchem Browser hast du denn das beobachtet?
Gruß
Die schwarze Piste
--
ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
Smartbytes Webdesign in Oberhausen
-
-
-
-