---
title: "Placera bild längst ner (enkel CSS)"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/57768-placera-bild-längst-ner-enkel-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Peeer"
published: "2002-11-01T23:11:19.000Z"
updated: "2002-11-03T11:24:04.000Z"
replies: 2
views: 447
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/57768-placera-bild-längst-ner-enkel-css"
---

# Placera bild längst ner (enkel CSS)

## #1 — Peeer, 2002-11-01T23:11Z

```
[b]style.css[/b]
body {background-color: #003D79; text-align:center;}
.block {background-color: #EEE; width: 715px; height: 95%; margin:auto; text-align:left }
.top { background: url(images/topbanner.gif) top no-repeat; width: 715px; height: 111px;}
.middle { background: url(images/middle.gif) left repeat-y; width: 715px; height: 100%;}
.bottom { background: url(images/bottom.gif) bottom no-repeat; width: 715px; height: 30px;}

[b]Default.asp[/b]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="style.css">
<title>Untitled</title>
</head>
<body>
<div class="block">
  <div class="middle">
    <div class="top"></div>Hej
    <div class="bottom"></div>
  </div>
</div>
</body>
</html>
```

Det jag vill åstadkomma är att bilden bottom.gif lägger sig längst ner i 'block'et. Men den lägger sig precis under top.gif-bilden. Tips?

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

## #2 — Palleman, 2002-11-03T01:27Z

Lägg \<div class="bottom"\>\</div\> utanför **middle**\-div´en.

```
<div class="block">
    <div class="middle">
        <div class="top"></div>
         Hej
    </div>
    <div class="bottom"></div>
</div>
```

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

## #3 — Peeer, 2002-11-03T11:24Z

Tackar & bockar!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/57768-placera-bild-längst-ner-enkel-css
