|
|||
Footer am unteren Seitenrand positionieren
Ich habe schon wieder ein Problem. Ich habe schon 3 Workarounds probiert aber ich komme nicht auf das gwünschte Resultat. Ich habe es mit
#footer { position:absolute; bottom: 0px; } Aber dann bleibt der Footer ja auch beim scrollen dort stehen. Das will ich nicht. Ich möchte den Footer ganz unten von der Seite haben auch wenn der Content nicht die ganze Seite ausfüllt soll er ganz unten sein. Wenn ihr die Seite anseht ist der Footer ganz unten von der Seite: http://www.kontrastlos.ch/hostblock/...ection=hosting Da der Inhalt länger als das Fenster ist. Wenn aber der Inhalt nicht so lang ist wie hier: http://www.kontrastlos.ch/hostblock/...ection=support Dann klebt der Footer am content div fest, ich will aber das, dass inhalts div sich soweit verlängert das der footer ganz unten ist. |
Sponsored Links |
|
||||
position:fixed; allerdings kennt das der IE nicht, dem solltest du ein einfaches position:relative o.ä. geben, damit es einfach an der ganz normalen Stelle angezeigt wird.
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
Sponsored Links |
|
|||
moin, hast du hier im Forum schonmal gesucht da wurden immer mal ganz hilfreiche Links gepostet, die ich aber grad nich auf Anhieb gefunden habe
€dit: http://annevankesteren.nl/2004/07/fixed-positioning |
|
|||
Re: Footer am unteren Seitenrand positionieren
Zitat:
Dies könntest du erreichen, indem du den footer im HTML außerhalb von #container setzt und mit einem passenden negativen margin-top in den sichtbaren Bereich bringst. (du brauchst dann ein anderes Element/eine andere Methode zum clearen) BTW: #container hat bei dir sowohl height als auch min-height 100%. Sinnvoll wäre: height für IE, min-height für "richtige" Browser. Das durchgehende Hintergrundbild in body mit den seitlichen Rahmen ist im Moment nicht vollständig sichtbar, weil es durch diverse Hintergrundfarben verdeckt wird. Grüße fricca |
|
|||
Genau danke. Und wie soll ich jetzt am besten ein clear element platzieren? Nun habe ich ja das problem das das design stimmt auf dieser seite:
http://www.kontrastlos.ch/hostblock/...ection=support Aber sobald der inhalt länger als der viewport ist, klebt der footer an der alten stelle fest: http://www.kontrastlos.ch/hostblock/...ection=hosting übrigens wie sieht die seite im ie auf windows aus? |
|
|||
Zitat:
Grüße fricca |
|
|||
kannst du mir auf die sprünge helfen? ich habe noch nicht so richtig mit clear gearbeitet ich habe jetzt das <br class="clear" /> an den ort wo vorhin der footer war gesetzt. aber wie muss ich die klasse jetzt definieren? so gross wie der footer? oder wie genau?
|
|
|||
.clear {clear:both;}
Und nimm das height:100% aus #container raus, sonst kannst du clearen so viel du willst... es wird den footer nicht beeindrucken. edit: und wenn du die Hintergrundfarbe aus #container auch noch rausnimmst, luafen die beiden Linien auch immer bis unten durch. |
|
|||
Zitat:
€dit²: arg fricca |
Sponsored Links |
|
|||
@swoop jup kann ich machen, sonst kannste mich auch im icq mal anschreiben wenn du was zum testen hast. 158252139
Leider habe ich jetzt wieder das selbe Problem wie vorhin. Der Footer ist bei zu kurzem Inhalt nicht am unteren Rand. http://www.kontrastlos.ch/hostblock/...ection=support |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Footer anpassen an unteren Rand des BS | helado | CSS | 10 | 07.04.2014 15:19 |
Problem mit Footer am unteren Seitenrand | scar | CSS | 3 | 21.04.2013 20:34 |
Footer am unteren Rand | N.A.R. | CSS | 4 | 11.06.2011 01:21 |
Footer am unteren Seitenrand | dows | CSS | 17 | 11.10.2010 17:03 |
Footer immer am unteren Bildschirmrand | BoFiaZ | CSS | 22 | 29.05.2009 11:45 |