---
title: "hr fet i mozilla"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/66699-hr-fet-i-mozilla"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "icaaq"
published: "2003-01-31T10:45:14.000Z"
updated: "2003-01-31T13:50:18.000Z"
replies: 8
views: 215
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/66699-hr-fet-i-mozilla"
---

# hr fet i mozilla

## #1 — icaaq, 2003-01-31T10:45Z

Jag har denna:

```
[red]
hr
{
	margin: 0px;
	width: 100%;
	color: #cccccc;
	height: 1px;
	background-color: transparent;
}[/red]
```

och i IE är den tunn men i mozilla är den för fet hur ska jag få den tunn även i mozilla?

mvh icaaq

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

## #2 — Palle, 2003-01-31T10:58Z

Vet att man kan göra en *fuling* för att komma runt det.. ex.

```
[RED]<html>
<head>

<style>
div.hr {
	height: 1px;
	background: #fff url(bg_hr.gif) repeat-x center;
}

div.hr hr {
	display: none;
}
</style>

</head>
<body>

<div class="hr"><hr /></div>

</body>
</html>[/RED]
```

Bifogar bg-bilden i exemplet..

Bilagor:

- [bg_hr.gif](https://www.webforum.nu/a/998.gif)

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

## #3 — icaaq, 2003-01-31T11:09Z

Jag får väl köra en fuling då ;)

Tack Palle

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

## #4 — Palle, 2003-01-31T11:13Z

Vet inte om det går att göra det *snyggare*, 
har inte hittat någon bättre lösning faktiskt. ;)

Inga problem. :)

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

## #5 — jarvklo, 2003-01-31T12:09Z

Hmm...
Moz verkar använda sig av border för effekten... 
Tyvärr både border-top och border-bottom samtidigt...
Vilket ger "dubbla tjockleken"

Prova:

```
hr {
	margin: 0px;
	width: 100%;
	color: #cccccc;
	height: 1px;
	background-color: transparent;
	[b]border-top: 0;[/b]
}
```

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

## #6 — Palle, 2003-01-31T12:33Z

> **jarvklo skrev:**
>
> Hmm...
> Moz verkar använda sig av border för effekten... 
> Tyvärr både border-top och border-bottom samtidigt...
> Vilket ger "dubbla tjockleken"

Stämmer bra, ser mycket bättre ut.  :bire 
Det enda som inte *fungerar* är färgsättningen.
Då kanske man slipper göra *en fuling* i fortsättningen då? ;)

Jarvklo: Du har aldrig funderat på att skriva en bok? :OO

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

## #7 — jarvklo, 2003-01-31T12:43Z

> **Palle skrev:**
>
> Det enda som inte fungerar är färgsättningen.

Sant.
Men man kan ju alltid gå förbi det problemet med t.ex:

```
border-top:0; 
border-bottom: solid 1px #cccccc;
```

 

> **Palle skrev:**
>
> Du har aldrig funderat på att skriva en bok?

 Vi får väl se vad det blir av <http://xhtml.nu/> till slut... Skillnaden mellan Webben och en bok är att jag kan sätta mina egna mål och deadlines på webben och inte behöver leva upp till något formellt kontrakt om leveranstid  - och just nu passar den modellen mig som handsken ;)

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

## #8 — Palle, 2003-01-31T12:56Z

Fick använda denna för att få ändarna i samma färg också:

```
[RED]border-top: 0px;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;[/RED]
```

Jo det förstås, tycker dock att det saknas en riktigt bra bok om xhtml på marknaden. \*blink blink\* ;)

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

## #9 — icaaq, 2003-01-31T13:50Z

Tack så hemskt mycket för hjälpen jarvklo och Palle

mvh icaaq

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/66699-hr-fet-i-mozilla
