Autor |
Nachricht |
Huajiang
Threadersteller
Dabei seit: 18.01.2010
Ort: Schweiz
Alter: -
Geschlecht: -
|
Verfasst Do 12.04.2012 18:10
Titel HTML/CSS: DIV unten kleben AUSSER wenn Browserhöhe < Inha |
 |
|
HTML/CSS: DIV am unteren Browserrand ausrichten ausser wenn die Browserhöhe kleiner als der Inhalt ist (kein javascript)
Frage: Wie kann ich es mit HTML/CSS anstellen, dass ich ein DIV "Fusszeile" wie zum Beispiel mit Code: | position:fixed;bottom:0px; | am unteren Browserrand ausrichten kann aber dass, wenn ich das Fenster kleiner mache, dass dann die Fusszeile sich brav unterhalb vom Inhalt anfügt und somit aus dem Fensterausschnitt verschwindet und mit Scrollen wieder sichtbar wird? (Will kein javascript, weils eine einfachere Lösung geben muss)
Beispiel: http://www.agosti.ch/Engagement.33.html
Problem: Ich arbeite nicht mit Tabellen, wenns garnicht anders geht nagut wär ich dankbar um einen Tipp mit Tabellen (habs schon ausprobiert und nicht hingekriegt)
Viielen Dank schon im voraus!
PS: Sorry für den seltsamen Titel, waren nicht mehr Zeichen möglich;)
|
|
|
|
 |
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 35
Geschlecht:
|
Verfasst Do 12.04.2012 18:21
Titel
|
 |
|
Kann dir aus dem Ärmel nur mal einen Denkanstoss hinschütteln, der klappen könnte: Inhalt in ein div mit min-height von 100%, die Fußzeile danach (außerhalb des divs) legen und per absoluter Positionierung und negativen oberen margin nach oben schieben.
Wie gesagt ungetestet, könnte mir aber denken das es immerhin in neueren Browsern als eine Lösung taugt.
|
|
|
|
 |
Anzeige
|
|
 |
Thirteen
Dabei seit: 24.03.2010
Ort: -
Alter: 88
Geschlecht:
|
Verfasst Do 12.04.2012 18:27
Titel
|
 |
|
Hi Huajiang!
Google mal nach "Sticky Footer", da müsstest du einiges finden.
Cheers,
Alex
|
|
|
|
 |
Huajiang
Threadersteller
Dabei seit: 18.01.2010
Ort: Schweiz
Alter: -
Geschlecht: -
|
|
|
|
 |
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 35
Geschlecht:
|
Verfasst Fr 13.04.2012 16:45
Titel
|
 |
|
Obwohl ich die Bezeichnung ungünstig finde - Sticky ists ja erst bei Auflösung > Inhalt. Naja egal, ist ja genau das Prinzip das ich beschrieben hatte - eben nur seltsam benannt.
|
|
|
|
 |
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Sa 14.04.2012 10:09
Titel
|
 |
|
easteregg hat geschrieben: | genau das Prinzip das ich beschrieben hatte |
Nein, Du hast die 2 üblichen Methoden vermischt, mit einem eher riskanten Resultat. Absolute Positionierung kommt zum Einsatz, wenn der Footer Nachfahre des 100%-Elementes ist, d.h. er wird an diesem ausgerichtet, z.B. mit bottom: 0; und left: 0;. Wegen eines Bugs in mittlerweile älteren Geckos ging man aber zu der anderen, verlinkten Methode über:
Dort ist der Footer Nachbar des 100%-Elementes, und dann ist position: absolute; absolut unnötig und sogar eher kontraproduktiv, da vor allem der IE < 8 aus Stabilitätsgründen für ein abs. pos. Element einen vertikalen & horizontalen Offset bekommen sollte - und zumindest den vertikalen kann man ihm nicht geben.
|
|
|
|
 |
|
|
 |
Ähnliche Themen |
Scrollbarer Movieclip mit HTML-Inhalt
Lightbox Popup mit HTML-Inhalt
GB in Flash und HTML parallel mit gleichem Inhalt
jquery/css/html..? : anzeige von inhalt abh. von scrollpos.
[html] inhalt in der mitte zentrieren / ausrichten
Css, Divs nacheinander platzieren. 100% Browserhöhe. Hilfe.
|
 |