---
title: "Hur får jag DIV att bli så lång som innehållet är?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/140968-hur-får-jag-div-att-bli-så-lång-som-innehållet-är"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "lillebror"
published: "2006-01-15T20:51:44.000Z"
updated: "2006-01-16T14:28:44.000Z"
replies: 5
views: 337
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/140968-hur-får-jag-div-att-bli-så-lång-som-innehållet-är"
---

# Hur får jag DIV att bli så lång som innehållet är?

## #1 — lillebror, 2006-01-15T20:51Z

Hej,

Har en sidstruktur som grovt sett ser ut på detta sätt:

```
<div id="content" style="height: 2000px; background-color: #EDEDED/*#E8E8E8*/;">
     <div id="content_two_columns" style="height: auto; padding-top: 10px; 
          <div style="float: left;">
          INNEHÅLL
          </div>
         
          <div style="float: right;">
          INNEHÅLL
          </div>
      </div>
</div>
```

Nu vill jag att höjden på #content skall anpassa sig helt så att den slutar efter innehållet är slut i diven med **float: right;**. Eftersom jag har lagt en bakgrundsfärg i #content är det viktigt att den sträcker ut sig hela vägen ner till footern för att färgen skall täcka. I nuläget så gör den ej det.

Om man tittar på <http://www.flygfyren.nu/index.php> så ser man det rätt bra att den slutar även fast innehållet inte är slut. Jag har fattat det som att #content hänger med och blir större beroende på innehållet som ligger i den men det kanske är fel tänkt av mig?!  :OO

Nu har jag lagt på en mörkare bakgrundsfärg för att det ska vara lättare att se var gränsen går för #content-diven. Den skall egentligen vara ljusare.

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

## #2 — SimOnline, 2006-01-15T21:20Z

En liten gissning bara, pröva att byta ut "height: 2000px;" mot "clear: both;", eller eventuellt ta bort "height: 2000px;" och sätta in "clear: both;" i den vänstra kolumnens css.

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

## #3 — lillebror, 2006-01-15T21:30Z

height satte jag till 100 % i left-diven plust att jag lade in clear: both.

får dock fortfarande samma resultat enligt bilden...

Bilagor:

- [stretch.jpg](https://www.webforum.nu/a/9260.jpg)

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

## #4 — Palle, 2006-01-16T07:44Z

```
<div id="content" style="background-color: #EDEDED/*#E8E8E8*/;">
     <div id="content_two_columns" style="padding-top: 10px; 

          <div style="float: left;">
          INNEHÅLL
          </div>
         
          <div style="float: right;">
          INNEHÅLL
          </div>
          
          <!-- Här sätter du CLEAR -->
          <br style="clear:both;" /> 
          
      </div>
</div>
```

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

## #5 — lillebror, 2006-01-16T14:27Z

Har lagt till 

```
<br style="clear:both;" />
```

Jag får fortfarande samma resultat. Jag tog bort alla height-attributer på divarna också men det gjorde tydligen ingen skillnad.

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

## #6 — lillebror, 2006-01-16T14:28Z

Kollade precis i IE och då verkar det fungera så när som på en vit sektion i toppen och botten av sidan...

Får jag det inte att fungera tillfredställande i både FF och IE så får jag skrota idén :)

Tyckte det var snyggt med lite gråare bakgrund just på första sidan istället för att det ska bli så vitt överallt.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/140968-hur-får-jag-div-att-bli-så-lång-som-innehållet-är