Footer realisieren

miraculix1234 · 25.05.2011, 01:05

Hallo , ich habe ein Problem bei meiner Homepage undnun nach langer Suche auch keine Lösung gefunden. Ich möchte in meinem Template einen footer einbauen welcher fixiert am unteren Bildschrim bleibt. Beim header hat es funktioniert und die Seite scrollt darunter .... Nun möchte ich das gleiche in die Richtung nach unten haben , das wenn die Seite grösser ist als der anzeigenbereich sich dieser Inhalt auch nach unten unter den Footer scrolt ... hoffe ich konnte es richtig erklären was ich möchte ......

Bin für jede Hilfe dankbar

Zur Info
ich habe einen Heder , einen Haupt Container mit Divs drin

Gruss Miraculix1234

Quellcode kann ich bei bedarf posten

ChrisB · 25.05.2011, 01:09

Zitat:

Zitat von miraculix1234

Quellcode kann ich bei bedarf posten

Lieber ein Online-Beispiel - valides HTML & CSS, auf's Wesentliche reduziert.

paka · 25.05.2011, 10:18

Hallo,

den footer positionierst du fix und ohne overflow.

Code:

#footer{
	position: fixed;
	overflow : hidden ;
}

Den Inhalt, der Scrollbar sein soll, positionierst du so:

Code:

#content{
		position:absolute; 
		overflow:auto;
		width:100%; 
		height:100%;  	 
}

Dann wird der content bei übergröße mit Scrollbalken angezeigt.

LG
Paka

hausl · 25.05.2011, 12:28

Zitat:

Zitat von miraculix1234

... welcher fixiert am unteren Bildschrim bleibt. ...

sowas?

http://www.cssstickyfooter.com/de/

miraculix1234 · 25.05.2011, 13:44

geht das auch irgendwie ohne diesen Scrollbalken in der Seite ??

mquadrat · 25.05.2011, 17:29

Die Scrollbar erscheint nur, wenn Content + Footer höher sind als der Viewport des Browsers.

Wenn du einen schwebenden Footer haben willst, der ggf. den Content überdeckt und immer da ist, dann wäre wohl position:fixed das richtige.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Footer nur einmal laden!	fluti	JavaScript, Ajax und mehr	1	11.01.2011 16:29
Userlist realisieren	Comu	PHP Einsteiger	1	10.12.2010 15:06
Daten-History, wie realisieren?	Bytecruncher	PHP-Fortgeschrittene	1	04.12.2010 20:27
Footer soll immer am Boden sein	Sniper_Kotaro	HTML, Usability und Barrierefreiheit	9	23.11.2009 17:22
[Erledigt] Transparente Runde Ecken bei Thumbnial realisieren	tomtaz	PHP Tipps 2008	3	08.07.2008 01:20
Wie Freundesnetzwerk realisieren?	becks123	PHP-Fortgeschrittene	17	25.04.2008 13:57
Wie Powersuche realisieren?	becks123	Datenbanken	1	25.06.2007 11:38
Firefox will mein 3-spaltiges Layout mit Footer nicht (CSS)!	vampsoftchef	HTML, Usability und Barrierefreiheit	1	28.02.2007 00:22
Footer position fixed	andrew22	HTML, Usability und Barrierefreiheit	1	14.11.2006 16:00
footer ständig unten bei 2-Spaltigem Layout?	dethlef14	HTML, Usability und Barrierefreiheit	2	24.09.2006 21:53
&amp;amp;amp;amp;quot;BB-Code&amp;amp;amp;amp;quot; realisieren	Tobias	Tutorials	51	21.08.2006 13:23
Login realisieren!		PHP Tipps 2005	4	04.05.2005 13:45
[Erledigt] nach oben &amp;amp;&amp;amp; nach unten verschieben realisieren		PHP-Fortgeschrittene	8	26.01.2005 22:22
DB Ausgabe in eigenem Templatesystem realisieren	Corvin	PHP-Fortgeschrittene	25	06.09.2004 18:48
INNER JOIN - realisieren?	Schaelle	PHP Tipps 2004	1	04.07.2004 09:07

25.05.2011, 01:05
miraculix1234 Neuer Benutzer Registriert seit: 09.05.2011 Beiträge: 21 PHP-Kenntnisse: Anfänger	Footer realisieren Hallo , ich habe ein Problem bei meiner Homepage undnun nach langer Suche auch keine Lösung gefunden. Ich möchte in meinem Template einen footer einbauen welcher fixiert am unteren Bildschrim bleibt. Beim header hat es funktioniert und die Seite scrollt darunter .... Nun möchte ich das gleiche in die Richtung nach unten haben , das wenn die Seite grösser ist als der anzeigenbereich sich dieser Inhalt auch nach unten unter den Footer scrolt ... hoffe ich konnte es richtig erklären was ich möchte ...... Bin für jede Hilfe dankbar Zur Info ich habe einen Heder , einen Haupt Container mit Divs drin Gruss Miraculix1234 Quellcode kann ich bei bedarf posten


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

25.05.2011, 10:18
paka Neuer Benutzer Registriert seit: 13.05.2011 Beiträge: 7 PHP-Kenntnisse: Anfänger	Hallo, den footer positionierst du fix und ohne overflow. Code: #footer{ position: fixed; overflow : hidden ; } Den Inhalt, der Scrollbar sein soll, positionierst du so: Code: #content{ position:absolute; overflow:auto; width:100%; height:100%; } Dann wird der content bei übergröße mit Scrollbalken angezeigt. LG Paka Geändert von paka (25.05.2011 um 10:22 Uhr).

25.05.2011, 13:44
miraculix1234 Neuer Benutzer Registriert seit: 09.05.2011 Beiträge: 21 PHP-Kenntnisse: Anfänger	geht das auch irgendwie ohne diesen Scrollbalken in der Seite ??

25.05.2011, 17:29
mquadrat Erfahrener Benutzer Registriert seit: 02.09.2009 Beiträge: 1.019 PHP-Kenntnisse: Fortgeschritten	Die Scrollbar erscheint nur, wenn Content + Footer höher sind als der Viewport des Browsers. Wenn du einen schwebenden Footer haben willst, der ggf. den Content überdeckt und immer da ist, dann wäre wohl position:fixed das richtige. __________________ Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de