---
title: "Få till en floating footer som www.cnet.com"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/189052-få-till-en-floating-footer-som-www-cnet-com"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "quickhelp"
published: "2012-01-29T20:54:06.000Z"
updated: "2012-01-31T12:59:32.000Z"
replies: 8
views: 1097
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/189052-få-till-en-floating-footer-som-www-cnet-com"
---

# Få till en floating footer som www.cnet.com

## #1 — quickhelp, 2012-01-29T20:54Z

Hej alla,

Försöker få till en floating footer som <https://www.cnet.com>. Lyckas få till en som är helt flytande till botten, men vill ha samma som funktion som den sidan där "footern" fastnar på botten av en centrerad div. Svårt att förklara men jag hänvisar till den sidan.

Någon som kan hjälpa mig?

Permalänk: https://www.webforum.nu/p/189052

## #2 — nitro2k01, 2012-01-29T21:04Z

I det här fallet är det ju enkelt eftersom diven är fast bredd och centererad. Gör bara samma med botten-diven. (Du kan ju se själv vad som händer när fönstret blir för litet på cnet. Gå r nog att lösa med max-width: 99% eller så, alt. Javascript.)

Permalänk: https://www.webforum.nu/p/2291908

## #3 — quickhelp, 2012-01-29T21:15Z

Du menar att jag kan lösa det med enbart CSS? Skulle vara väldigt tacksam för ett exempel på hur man kan få till detta.

Permalänk: https://www.webforum.nu/p/2291909

## #4 — Danne V, 2012-01-30T07:01Z

Kolla den här tråden: <http://www.webforum.nu/showthread.php?t=184576>

Permalänk: https://www.webforum.nu/p/2291915

## #5 — Jon@s, 2012-01-30T08:39Z

> **[Danne V skrev:](https://www.webforum.nu/p/1546725)**
>
> Kolla den här tråden: <http://www.webforum.nu/showthread.php?t=184576>

Nja, den där footern ligger ju alltid längst ner. Så är ju inte fallet nu, då den ska kunna fastna en bit upp när man scrollat ner en bit.

Permalänk: https://www.webforum.nu/p/2291922

## #6 — Danne V, 2012-01-30T08:46Z

> **[Jon@s skrev:](https://www.webforum.nu/p/1546732)**
>
> Nja, den där footern ligger ju alltid längst ner. Så är ju inte fallet nu, då den ska kunna fastna en bit upp när man scrollat ner en bit.

Ah...ok. Nu tittade jag och såg den där menyn som ligger längst ner i fönstret. För mig är en footer det som är allra allra längst ner i innehållet.

Permalänk: https://www.webforum.nu/p/2291923

## #7 — quickhelp, 2012-01-30T21:15Z

Någon som kan tänkas ha en aning om hur jag kan få till det?

Permalänk: https://www.webforum.nu/p/2291928

## #8 — voigtann1, 2012-01-31T06:37Z

ja, ha ett metod på ditt scroll event, om positionen är nere vid botten på din main container så sätt positionen på den till static istället för fixed, eller ha footern på två ställen och kör en toggle på när båda elementen skall vara synliga.

Permalänk: https://www.webforum.nu/p/2291931

## #9 — Danne V, 2012-01-31T12:59Z

Du borde kunna modifiera koden från den här sidan:
<http://jsfiddle.net/ZczEt/9/>

Kolla högra, nedre fönstret. Skrolla i sidled och se hur rutan "Summary" beter sig.

Permalänk: https://www.webforum.nu/p/2291936

---

Tråden på webben: https://www.webforum.nu/amne/javascript/189052-få-till-en-floating-footer-som-www-cnet-com