---
title: "div och float"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/171722-div-och-float"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "DavidB"
published: "2008-05-22T18:40:31.000Z"
updated: "2008-05-22T20:20:34.000Z"
replies: 2
views: 338
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/171722-div-och-float"
---

# div och float

## #1 — DavidB, 2008-05-22T18:40Z

Hej

Jag har 3 div:ar som i koden nedan, vill att ramen som visas runt 'loginbox' även skall gå runt 'leftcolumn' och 'rightcolumn', som det är nu så ser 'loginbox' mest ut som om ett långt svart streck utan något innehåll, är det möjligtvis någon som vet hur man gör för att få ramen att gå runt även 'leftcolumn' och 'rightcolumn'?

Kan ju lägga ett antal \<br/\> i 'loginbox' men det känns inte som en särskilt bra lösning.

```
<head>
<style type="text/css">
#loginbox
{
    background-color: #FFFFFF;
    border: solid 1px black;
}

#leftcolumn 
{
    float: left;
    font-family: Verdana, Arial;
    font-size: 12px;
    padding: 2px;
}

#rightcolumn 
{
    float:right;
    text-align: right;
    font-family: Verdana, Arial;
    font-size: 12px;
    padding: 2px;
}
</style>
</head>

<body>
<div id="loginbox">
    <div id="leftcolumn">
        <p>Leftcolumn</p>
    </div>
    <div id="rightcolumn">
	<p>Rightcolumn</p>
    </div>
</div>
</body>
```

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

## #2 — überfuzz, 2008-05-22T18:49Z

Vill minnas att float:ade element inte har någon utbredning, har du testat att sätta widht:??px; på columnerna?

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

## #3 — Palle, 2008-05-22T20:20Z

Du gör ett vanligt misstag - du glömmer att återställa ordningen (*clear*) på dina divvar efter dina *floats*. :)

Detta borde göra susen:

```
#loginbox
{
    background-color: #FFFFFF;
    border: solid 1px black;
    [b]overflow:hidden;[/b]
}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/171722-div-och-float
