|
|||
Flüssiges Layout MIT Sticky Footer
Hi,
ich suche nach einem CSS-Layout, das folgendermaßen aussieht: D.h. das Layout sollte aus drei Spalten bestehen, die immer 100% der Fensterbreite einnehmen. Gleichzeitig sollten der Header und der Footer innherhalb der mittleren Spalte liegen - und der Footer immer am unteren Rand des Fensters "kleben" bleiben (sticky footer). Geht das? Danke! |
Sponsored Links |
|
|||
Du benötigst position:fixed und einen Workaround für den IE.
Siehe auch: Fixing position:fixed for Windows Internet Explorer Feste Positionierung: Die richtige Anwendung von position:fixed in der Suche, Stichwort "position:fixed" findest Du das Thema auch häufiger. |
Sponsored Links |
|
|||
@ mazzo: Danke! Werd mal sehen, was ich herausfinde...
@Valentino: Von den Templates entspricht dieses am ehesten meinen Anforderungen. Nur leider liegen der Header und der Footer eben NICHT innerhalb der mittleren Spalte. Und "sticky" ist der Footer auch nicht... |
|
|||
Ja, schon (siehe DELTA-BIKE.DE), es sind zwar keine 3 Spalten, aber auch dies ist kein Problem.
__________________
</ulle> Geändert von ulle (08.02.2007 um 22:50 Uhr) |
|
|||
Also bei mir erfüllt die delta-bike site nicht das was babbleboy sucht.
Im Anhang schön zu sehen: Falsch.jpg ist der IST-Zustand, Richtig.jpg ist der SOLL-Zustand. Ich bin neu hier im Forum. Und eben genau das Thema, das babbleboy angesprochen hat, interessiert mich. Nur aus dem Grund, weil ich nur mit Tabellen programmiere, weil das schlicht und ergreifend funktioniert... das nur am Rande. Ich bin gespannt, ob jemand ein Lösung für das Problem liefert, Gruß, Steph |
|
|||
wie programmiert man denn mit Tabellen? Ich benutze dazu jedenfalls Programmiersprachen.
hier mal ein paar konkrete Beispiele. Der Tipp zu position:fixed wäre allerdings in Ruhe durchzuarbeiten, wenn man das verstehen will: stu nicholls | CSS PLaY | cross browser fixed header/footer/left column layout full height scrolling stu nicholls | CSS PLaY | cross browser fixed header/footer/left column layout scrolling middle area Überhaupt ist für einen Tabellenlayouter vieles neu, wenn man sich etwas komplexer als nur mit Farben und Fontsize mit CSS beschäftigt. |
|
|||
naja fast
Man ist es aus Unwissenheit oder Faulheit. Gute Webseiten (aus technisch, semantischer, suchmaschinenoptimierter und barrierarmer Sicht) macht man damit aber nciht. |
|
|||
naja, aber beide beispiele haben nur einen scrollbaren bereich. es soll aber die ganze seite scrollbar sein, wenn der content länger ist als die bildschirmhöhe.
von dem her ists das noch nicht gewesen. ups. mein fehler. die beispiele sind mit sticky footer. von dem her schon nahe dran. was ich meine ist folgendes beispiel: Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Tabellen-Layout</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"> <meta http-equiv="imagetoolbar" content="no"> </head> <body style="margin:0px;padding:0px;border:0px;"> <table border="0" cellpadding="5" cellspacing="0" width="100%" style="height:100%;"> <tr> <td rowspan="3" bgcolor="#000000"> </td> <td width="800" height="100" bgcolor="#ffcc00;">Header</td> <td bgcolor="#333333" rowspan="3"> </td> </tr> <tr bgcolor="#eeeeee" valign="top"> <td>Content</td> </tr> <tr> <td bgcolor="#cccccc" height="50">Footer</td> </tr> </table> </body> </html> Geändert von actionjackson (09.02.2007 um 16:16 Uhr) |
Sponsored Links |
|
|||
Zitat:
Wenn Du genau hingeschaut hättest wäre Dir aufgefallen das der [min-height] nicht an der Bildschirmgröße, bzw. am Viewport, fest gemacht ist, aber auch dies wäre möglich. Die Frage war ob es geht! Und das ist eindeutig mit ja zu beantworten, oder wie glaubst Du ist der untere Text festgenagelt. Das ganze nennt sich Containing Block, habe ich in diesem Forum schon öfter erläutert. siehe hier Artikelübersicht sram force (rennrad) Des weiteren kannst Du ja im FF den StyleSheet ausschalten, und da wirst Du sehen wie ein vernüftiger Text-Fluss ohne Layout-Tabellen ausschaut.
__________________
</ulle> Geändert von ulle (10.02.2007 um 21:42 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Sticky Footer Problem - Scrollbar | img | CSS | 5 | 05.03.2011 17:51 |
Sticky Footer Problem | brainspace | CSS | 4 | 17.11.2010 18:37 |
Untermenü im IE | nici | CSS | 10 | 22.06.2009 21:19 |
Layout - footer und layer[links] - Probleme - (CSS-Anfänger) | Basti_LRT | CSS | 1 | 08.10.2007 22:03 |
Footer Problem (3 spaltiges Layout, variable Höhe) | Lofesto | CSS | 2 | 23.07.2007 16:13 |