---
title: "Runda hörn i Mozilla - hur?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/169749-runda-hörn-i-mozilla-hur"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "LenaFena"
published: "2008-03-09T19:17:45.000Z"
updated: "2008-03-09T19:35:53.000Z"
replies: 1
views: 314
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/169749-runda-hörn-i-mozilla-hur"
---

# Runda hörn i Mozilla - hur?

## #1 — LenaFena, 2008-03-09T19:17Z

När jag skapar runda hörn i botten på en box enligt följande:

\<head\>
\<style type="text/css"\>
\<!--
\#container {background: #cccccc;}
.roundtop {background: #ffffff;}
.roundbottom {background: #ffffff;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #cccccc;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #cccccc;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #cccccc;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #cccccc;}
.content {padding: 10px;}
\--\>
\</style\>
\</head\>

\<body\>
\<div id="container"\>
 \<div class="content"\>Innehållet i boxen här...\</div\>
 \<div class="roundbottom"\>
   \<div class="r4"\>\</div\>
   \<div class="r3"\>\</div\>
   \<div class="r2"\>\</div\>
   \<div class="r1"\>\</div\>
 \</div\>
\</div\>
\</body\>

så får jag en vit linje mellan innehållet och fältet med de runda hörnen.
Kan någon berätta hur blir jag av med detta vita fält?

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

## #2 — Danne V, 2008-03-09T19:35Z

Prova att nollställa alla paddings och margins genom att lägga till detta i stilmallen:

```
* {margin:0px; padding:0px;}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/169749-runda-hörn-i-mozilla-hur