--- title: "Div positionerings problem" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/192496-div-positionerings-problem" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Asa" published: "2014-11-15T06:21:47.000Z" updated: "2014-11-15T08:54:06.000Z" replies: 8 views: 1288 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/html-css/192496-div-positionerings-problem" --- # Div positionerings problem ## #1 — Asa, 2014-11-15T06:21Z Hur får jag min footer div längst ner och under innehållet på sidan jämt hur lite, mycket text det än finns på sidan? Har suttit i timmar nu och har säkert stirrat mig blind men får inte till detta. Har sökt på hur andra gör men inget funkar. Irriterande :( Snälla HJÄLP Sidan Css Permalänk: https://www.webforum.nu/p/192496 ## #2 — voigtann1, 2014-11-15T07:56Z Hur vill du att resultatet skall vara? skall din container vara full höjd av sidan? Om det är så så behöver du ändra om din markup lite kolla in: Permalänk: https://www.webforum.nu/p/2317906 ## #3 — Asa, 2014-11-15T08:23Z Det skall vara fullhöjd. I chrome är det så men inte de andra. Får kika och hoppas den sidan hjälper. Permalänk: https://www.webforum.nu/p/2317907 ## #4 — Jojoxx, 2014-11-15T08:28Z ``` ...Lorem ipsum content... ``` Permalänk: https://www.webforum.nu/p/2317908 ## #5 — Asa, 2014-11-15T08:30Z Jo men vill gå efter min kod och då är det ju annorlunda. Eller? Permalänk: https://www.webforum.nu/p/2317909 ## #6 — Jojoxx, 2014-11-15T08:39Z Jao, sorry. Slarvade att läsa. Det går säkert snabbare för dig att hitta i den gigantiska css'en, men generellt så börja med att sätta: html,body { height:100%; margin:0px; } för att nå botten om innehållet på sidan är mindre. Sedan sätt content-diven som innehåller menyner och innehåll till: { height:100%; minheight: 600px; } 600px får du justera, detta för att om browserfönstret är för litet (ej i fullskärm, på mobil, surfplatta e.dyl) så räcker inte 100%, så då vill vi att den diven aldrig ska kunna bli mindre än ex 600px. Permalänk: https://www.webforum.nu/p/2317910 ## #7 — Asa, 2014-11-15T08:40Z Okej, får kika på det då. Tackar! Återkommer om det en funkar som jag vill då. Permalänk: https://www.webforum.nu/p/2317911 ## #8 — Jojoxx, 2014-11-15T08:53Z Kollade lite mer på CSS'en. Den är inte uppbyggd som jag hade tänkt från början. Men dessa ändringar åstakommer vad du vill: /\* Bortkommenterade rader skall alltså tas bort från din css, resten lägger du till för #wrapper, #footer \*/ ``` #wrapper { /* min-height:100%; */ height:100%; ... resten av din existerande css för #wrapper... } #footer { /* float: left; */ position:fixed; bottom:0px; ... resten av din existerande css för #footer... } ``` Permalänk: https://www.webforum.nu/p/2317912 ## #9 — Asa, 2014-11-15T08:54Z Tackar, ska se hur det löser sig. Återkommer senare idag om jag stöter på problem. Permalänk: https://www.webforum.nu/p/2317913 --- Tråden på webben: https://www.webforum.nu/amne/html-css/192496-div-positionerings-problem