--- title: "align innehåll i div till bottom ?" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/64136-align-innehåll-i-div-till-bottom" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Riri" published: "2003-01-08T12:52:47.000Z" updated: "2003-01-15T09:48:00.000Z" replies: 9 views: 987 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/64136-align-innehåll-i-div-till-bottom" --- # align innehåll i div till bottom ? ## #1 — Riri, 2003-01-08T12:52Z Hej, Går det på ngt sätt att aligna allt innehåll i en div till bottom? vertical-align: bottom & vertical-align: text-bottom funkar ju inte... Finns det lösning? Mhv Richard Permalänk: https://www.webforum.nu/p/64136 ## #2 — Jesper T, 2003-01-08T13:59Z Du kan ju mixtra med "padding" Ex. padding-top: 22px; Permalänk: https://www.webforum.nu/p/904684 ## #3 — Riri, 2003-01-09T08:16Z Ja, om jag vet exakt hur høg div kommer att vara, men annars! Kom igen nu folkens, hur løser ni det annars? Permalänk: https://www.webforum.nu/p/908104 ## #4 — higa, 2003-01-09T08:43Z En metod som funkar men som kräver en hyffsat modern browser är att ha två nästlade objekt och sätta display: table på den yttre och display:table-cell; vertical-align:bottom på den inre. Permalänk: https://www.webforum.nu/p/908121 ## #5 — Riri, 2003-01-10T09:33Z Hmmm... kul idé, men jag får det banne mig inte att funka: \ \ \ \\ \ \ \ \
\
ighiggogg \
lskfjgkljaslø \ \ \ \ \ Gør jag ngt fel? Permalänk: https://www.webforum.nu/p/908827 ## #6 — higa, 2003-01-10T09:56Z Du gör helt rätt, testade din kod och det funkar perfekt i Mozilla 1.2.1. Opera 6 klarar det halvt, texten hamnar längst ner som den ska, men färgerna på kantlinjerna återges felaktigt. Däremot så klarar inte Internet Explorer det, kör med 6.0sp1 :( Får väl hoppas att dom fixar till det i 7:an.... Men kör gärna på din kod, alltid bra att pusha på utvecklingen lite :) Mvh Lukas Permalänk: https://www.webforum.nu/p/908848 ## #7 — Riri, 2003-01-10T13:56Z Då får det blir tabeller dær då.... skit också... Permalänk: https://www.webforum.nu/p/908999 ## #8 — higa, 2003-01-14T09:10Z Nja, om IE's märkliga hantering av CSS inte stör allt för mycket för besökarna så tycker jag du ska använda CSS. Är typ samma princip som när det gäller spelutveckling: att alla grafiska finesser inte återges korrekt på sämre grafikkort är något man får ta :) Fast det beror ju också mycket på layouten, har man en layout som skär sig om webbläsaren återger vertikal position felaktigt så bör man nog inte använda min lösning. Permalänk: https://www.webforum.nu/p/911968 ## #9 — Peter S, 2003-01-14T10:04Z Ge inte upp ännu! Så här skulle du kunna göra: ```
FOO
``` Notera värdet för "top". *100 - (height\[inner\] / height\[main\]) %* I Mozilla och Opera 7 får du lägga på en procent för att elementet skall hamna längst ned. Du får mixtra lite grand. :) Permalänk: https://www.webforum.nu/p/911994 ## #10 — higa, 2003-01-15T09:48Z Nu kom jag på en lösning som funkar i MSIE 6(borde funka i 5.x oxå) och givetvis i Mozilla: ``` Test
Text längst upp till höger som vanligt...
Centrerad text längst ner
``` position:relative på den yttre boxen är nödvändigt för att den inre boxen inte ska positioneras absolut i förhållande till fönstret. Permalänk: https://www.webforum.nu/p/912902 --- Tråden på webben: https://www.webforum.nu/amne/html-css/64136-align-innehåll-i-div-till-bottom