---
title: "div height 100% strular sig!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/80986-div-height-100-strular-sig"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mrhaze"
published: "2003-07-01T10:24:16.000Z"
updated: "2003-07-01T11:11:09.000Z"
replies: 1
views: 202
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/80986-div-height-100-strular-sig"
---

# div height 100% strular sig!

## #1 — mrhaze, 2003-07-01T10:24Z

Detta verkar vara ett rätt känt problem... jag har kollat igenom 20 sidor + sökt efter svar i detta forum utan resultat. Så för att en gång för alla få ett konkret svar. Hur i helsike gör man en \<div style="height: 100%"\> att **inte** gå utanför botten på sidan bara för att man har t ex. en \<div\> över?

```
		<div style="height: 251px; width: 100%; background: url(/grafik/layout/banner-bg.jpg) #FFEC9A;">
			<img src="/grafik/layout/banner.jpg" alt="" /></div>
		<div style="height: auto; width: 161px; background: url(/grafik/layout/meny-bg.gif);">d</div>
```

Den nedre delen går 100% + 251px...  :q  :q

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

## #2 — Engine^, 2003-07-01T11:11Z

Jag tror att du måste baka in den i en tabell. Eller räkna ut den och sätta height-egenskapen dynamiskt beroende på klientens fönsterdimensioner. Ditt problem med att auto ger 100% + 251px beror, antar jag, på att height inte ärvs av objekt... 

Jag skulle använda mig av tabeller.

```
<table height="100%">
  <tr>
    <td style="height: 251px;"><div ...><img ...></div></td>
  </tr>
  <tr>
    <td><div ...></div></td>
  </tr>
</table>
```

Jag vet inte om det här är crossbrowservänligt. Jag testade bara i IE6...

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/80986-div-height-100-strular-sig