---
title: "Innehållet i botten av en div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/126964-innehållet-i-botten-av-en-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "K@llen"
published: "2005-04-23T18:26:10.000Z"
updated: "2005-04-24T02:01:22.000Z"
replies: 5
views: 267
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/126964-innehållet-i-botten-av-en-div"
---

# Innehållet i botten av en div

## #1 — K@llen, 2005-04-23T18:26Z

Hej,

Jag har en div som har height 64px. I diven vill jag ha lite text justerat till botten. Jag har testat i CSS:en för lagret:

```
vertical-align: bottom;
```

 

Fungerar tydligen inte. Hur gör jag?

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

## #2 — zcorpan, 2005-04-23T18:50Z

```
display:table-cell
```

 Men det funkar inte med IE. vertical-align fungerar bara på inline-boxar och tabell-celler.

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

## #3 — martin, 2005-04-23T18:54Z

eller testa att absolutpositionera en p-tagg eller nåt i botten

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

## #4 — K@llen, 2005-04-23T18:54Z

Jag måste alltså sätta en padding-top för att positionera innehållet i höjdled?

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

## #5 — bossse, 2005-04-23T19:29Z

Har gjort ett  förslag här!

```
<html>
<head>
<style type="text/css"> 
<!--
div 
{float:left; width:350px; height:64px;background-color:lightblue; border:1px solid black; color:black;} 
.botten {padding-top:50px;} 
.div2 {width:350px; height:64px;float:left;margin-left: 10px;}
--> 
</style> 
</head>
<body>  
<div>
<p class=botten>
text
</p>
</div>
<div class=div2>
Minska talet för padding-top i den vänstra till 42 så blir den lika hög som denna.
<br>
Denna div ligger bara som jämförelse (64px hög)
</div>
</body>
</html>
```

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

## #6 — martin, 2005-04-24T02:01Z

ungefär så, eller samma html, fast sätta:

```
.botten {position:absolute;bottom:0;left:0;width:100% }
```

. Då måste du också sätta position:relative på divven som omsluter .botten

/ m a r t i n

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/126964-innehållet-i-botten-av-en-div
