---
title: "Div height problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/146280-div-height-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "wborg"
published: "2006-04-30T19:21:40.000Z"
updated: "2006-05-01T06:10:49.000Z"
replies: 4
views: 493
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/146280-div-height-problem"
---

# Div height problem

## #1 — wborg, 2006-04-30T19:21Z

Tja,

jag försöker sätta heighten på en div till 3px men den blir typ 12px eller något däromkring, varför?

Är det så att det inte går att sätta en div till så lågt som 3px?

Tacksam för svar.
/S

```
<html>
<head>
  <title>Meny test</title>

</head>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">

<!-- Top: Start -->
<div id="" style="float: top; background-color: #CCCC99; height: 60px; width: 100%;">

</div>
<!-- Top: Slut -->

<!-- ***************************************************************************** -->

<!-- Horisontell avskiljare: Start -->
<div id="" style="float: top; background-color: #000000; max-height: 3px; width: 100%;">
                       Den här heighten ------------------------------^
</div>
<!-- Horisontell avskiljare: Slut -->

<!-- ***************************************************************************** -->

<!-- Meny: Start -->
<div id="" style="float: left; background-color: #CCCC99; height: 100%; width: 180px;">

</div>
<!-- Meny: Slut -->

<!-- ***************************************************************************** -->

<!-- Vertikal avskiljare: Start -->
<div id="" style="float: left; background-color: #000000; height: 100%; width: 3px;">

</div>
<!-- Vertikal avskiljare: Slut -->

<!-- ***************************************************************************** -->

</body>
```

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

## #2 — überfuzz, 2006-04-30T19:27Z

vad gör har max för funktion i max-hight grejen?

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

## #3 — Csson, 2006-04-30T20:31Z

**float: top** gör inte det du vill (float kan bara vara left, right eller none). Är bättre att välja hr framför div om du bara vill ha ett svart, horisontellt streck. Marginalerna på bodyn sätts för övrigt bättre mha css.

überfuzz, max-height är tänkt att bestämma hur högt elementet högst får vara. Funkar inte i IE6-, bland annat.

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

## #4 — bossse, 2006-04-30T20:54Z

\<html\> 
\<head\> 
\<style type=text/css\>
div {width:100%; border-top:3px solid #000000;}
hr {width:100%; height:3px; color:#000000;}
\</style\> 
\</head\> 
\<body\> 
\<div\>\</div\>
Avskiljare kan man göra på flera sätt, div ovan och hr nedan med samma resultat
\<hr\>
\</body\> 
\</html\>

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

## #5 — jarvklo, 2006-05-01T06:10Z

Hmm...

> **wborg skrev:**
>
> jag försöker sätta heighten på en div till 3px men den blir typ 12px eller något däromkring, varför?

Helt enkelt för att texten i din div har en höjd den också (även om du inte anger någon)..

En lösning är alltså att ange t.ex. 

```
style="height: 3px; line-height: 2px; font-size: 2px;"
```

 dvs välja line-height och font-size mindre än height ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/146280-div-height-problem
