---
title: "div 100% hög....?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/68711-div-100-hög"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "NETwork"
published: "2003-02-19T08:55:25.000Z"
updated: "2003-02-19T13:55:47.000Z"
replies: 3
views: 228
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/68711-div-100-hög"
---

# div 100% hög....?

## #1 — NETwork, 2003-02-19T08:55Z

Jag har tre blockelement där jag vill att det i mitten ska vara 100% i höjd av sidan oavsett upplösning minus det block som ligger ovan och under:

```
<div>
</div>
<div style="height:100%">
</div>
<div>
</div>
```

Det verkar dock inte fungera. Måste man använda sig av tabeller eller kan man lösa det med divar och styles på något sätt?

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

## #2 — higa, 2003-02-19T09:02Z

Du kan skriva så här t ex:
\<div style="position:absolute; top: 0px; height: 150px"\>\</div\>
\<div style="position:absolute; top: 150px; bottom:150px"\>\</div\>
\<div style="position:absolute; bottom: 0px;height: 150px"\>\</div\>

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

## #3 — NETwork, 2003-02-19T09:28Z

Perfekt, tackar! :bire

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

## #4 — elvelind, 2003-02-19T13:55Z

eller så borde du kunna:

\<div style="height: 150px"\>\</div\>
\<div style="height: auto"\>\</div\>
\<div style="height: 150px"\>\</div\>

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/68711-div-100-hög