mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 28.04.2024 21:19 Benutzername: Passwort: Auto-Login

Thema: HTML/CSS: DIV unten kleben AUSSER wenn Browserhöhe < Inhalt vom 12.04.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> HTML/CSS: DIV unten kleben AUSSER wenn Browserhöhe < Inhalt
Autor Nachricht
Huajiang
Threadersteller

Dabei seit: 18.01.2010
Ort: Schweiz
Alter: -
Geschlecht: -
Verfasst Do 12.04.2012 19:10
Titel

HTML/CSS: DIV unten kleben AUSSER wenn Browserhöhe < Inha

Antworten mit Zitat Zum Seitenanfang

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;)
  View user's profile Private Nachricht senden
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Do 12.04.2012 19:21
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Thirteen

Dabei seit: 24.03.2010
Ort: -
Alter: 88
Geschlecht: Männlich
Verfasst Do 12.04.2012 19:27
Titel

Antworten mit Zitat Zum Seitenanfang

Hi Huajiang!

Google mal nach "Sticky Footer", da müsstest du einiges finden. Lächel

Cheers,
Alex
  View user's profile Private Nachricht senden
Huajiang
Threadersteller

Dabei seit: 18.01.2010
Ort: Schweiz
Alter: -
Geschlecht: -
Verfasst Do 12.04.2012 19:43
Titel

Antworten mit Zitat Zum Seitenanfang

Uii... Vielen Dank, das Zauberwort hat geholfen! Lächel

Lösung:
http://ryanfait.com/sticky-footer/

schönen Abend noch:)
  View user's profile Private Nachricht senden
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Fr 13.04.2012 17:45
Titel

Antworten mit Zitat Zum Seitenanfang

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. *ha ha*
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Sa 14.04.2012 11:09
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Lightbox Popup mit HTML-Inhalt
Scrollbarer Movieclip 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.
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.