---
title: "innehåll i box hamnar utanför"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/184247-innehåll-i-box-hamnar-utanför"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "evilaid"
published: "2010-08-04T18:04:27.000Z"
updated: "2010-08-04T20:38:28.000Z"
replies: 4
views: 719
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/184247-innehåll-i-box-hamnar-utanför"
---

# innehåll i box hamnar utanför

## #1 — evilaid, 2010-08-04T18:04Z

Hej

Har en box och problemet är att det innehåll hamnar utanför, alltså boxen sträcks inte ut??
såhär är koden

```
 
             <div class="content">
                   <div id="leftSec">fdfd</div>
                   <div id="rightSec">fdfd<br />jjlkjjlkjk<br />kklöjdöslkdsö</div>      
              </div>
```

css:
.content {padding: 20px; text-align:left;}
\#leftSec{width:600px; float:left; border:1px solid black;}
\#rightSec{width:250px; float:left; border:1px solid black;}

ni kan se hur fel det blir på <http://www.heta.se/vs/>

Vet inte riktigt vad jag ska göra??
Mvh

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

## #2 — tronez, 2010-08-04T19:21Z

```
CSS

.clear{
clear:both;
}
```

```
<div class="content">
                   <div id="leftSec">fdfd</div>
                   <div id="rightSec">fdfd<br />jjlkjjlkjk<br />kklöjdöslkdsö</div>    
<div class="clear"></div>  
              </div>
```

Prova det där

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

## #3 — evilaid, 2010-08-04T19:54Z

Haha va lätt, klockrent..

Är det så man ska göra eller är mitt upplägg fel redan från början??

Tack iaf!

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

## #4 — Danne V, 2010-08-04T20:30Z

> **[evilaid skrev:](https://www.webforum.nu/p/1512150)**
>
> Haha va lätt, klockrent..
>
> Är det så man ska göra eller är mitt upplägg fel redan från början??
>
> Tack iaf!

Lägger du in en float, så fortsätter den att påverka element längre ner i koden.
Genom att lägga in en clear efter, så avbryter du float-attributet så att detta inte sker.
Kort förklaring.

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

## #5 — rhdf, 2010-08-04T20:38Z

ditt upplägg är inte fel, det är typ sådär man måste göra. 
Dock behöver elementet som har klass="clear" inte vara en tom div, utan kan lika gärna vara något annat element som har en logisk anledning att vara där, tex en \<hr class="clear"\> .vill man inte att den skall synas så sätter man bara visibilty:hidden på den.

En hr har dessutom (i min värld) en större "semantisk" betydelse än en tom div
(för exempel se <http://fjolnir.ebpatour.eu/fb/minimalism.html>)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/184247-innehåll-i-box-hamnar-utanför