---
title: "Marginal HR IE"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/146515-marginal-hr-ie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maqe"
published: "2006-05-05T12:40:50.000Z"
updated: "2006-05-12T09:37:16.000Z"
replies: 18
views: 989
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/146515-marginal-hr-ie"
---

# Marginal HR IE

## #1 — maqe, 2006-05-05T12:40Z

Jag får en massa marginal på hr i IE. Jag kör margin-top:-8px men marginalen under hr elementet verkar vara lurigare att få bort. Någon som har nått tips på en lösning?

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

## #2 — dea, 2006-05-05T12:55Z

vad är det för element över och under hr;n?

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

## #3 — maqe, 2006-05-05T13:02Z

Jag har en div över och en under

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

## #4 — maqe, 2006-05-08T08:21Z

Ingen som har nått tips? Eller skall man helt enkelt strunta i \<hr\>

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

## #5 — J.N., 2006-05-08T09:01Z

HEJ!

> **maqe skrev:**
>
> Ingen som har nått tips? Eller skall man helt enkelt strunta i \<hr\>

Hmm, trodde någon skulle svara bättre än vad jag kan, men då gör jag det!

Som du kanske märkt gillar inte W3C HR\-taggar, och jag [googlade](http://www.google.com/search?q=hr+css) för att hitta en lösning. Det finns, givetvis, exempel på wF också!
Jag utgick från <http://www.blakems.com/experimental/hr/>.

Såhär gjorde jag, perfekt om man behöver styla kod där det står HR som man alltså inte kan göra om till tex div.

```
HR{border: none 0; border-top: 1px dashed #000; width: 100%; height: 1px;}
```

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

## #6 — icaaq, 2006-05-08T10:00Z

varför gillar inte W3C hr?

mv icaaq

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

## #7 — J.N., 2006-05-08T11:38Z

Jag menar att färg på strecket inte går igenom, stylar man enligt exempel ovan, är det okej.
\<hr size="1" color="#ff00ff"\>

> **validator.w3.org skrev:**
>
> there is no attribute "color"

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

## #8 — zcorpan, 2006-05-08T13:00Z

Du kanske kan använda en negativ toppmarginal på diven som följer HR, eller bara sätta en border på diven och skippa HR?

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

## #9 — maqe, 2006-05-08T14:35Z

Jo jag får nog köra på border på divven istället, synd att man inte kan använda hr som den är tänkt bara.

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

## #10 — caya, 2006-05-08T19:36Z

```
div.hoRule { 
margin:0px auto; background:url(hr.gif) repeat-x; width:380px; }
div.hoRule hr { display:none; }
```

 

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

 

et voilá
funktion och form, din hr är nu en bild för de som ser bilder och en hr för de som inte gör det.

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

## #11 — J.N., 2006-05-09T07:28Z

> **maqe skrev:**
>
> Jo jag får nog köra på border på divven istället, synd att man inte kan använda hr som den är tänkt bara.

Hmm, vad menar du med "som det är tänkt"? hr skapar automatiskt marginal som standard.

Gillar man inte det, kan man åtgärda det med css, tex som jag skriver, styla taggen; eller zcorpans förslag, flytta något annat över eller som caya, göra om det till en div. :q

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

## #12 — caya, 2006-05-09T08:15Z

nollställa marginaler
för ie6 och ie7

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

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

## #13 — zcorpan, 2006-05-09T11:27Z

> **caya skrev:**
>
> nollställa marginaler
> för ie6 och ie7
>
> ```
> * { margin:0; padding:0; }
> *+ { margin:0; padding:0; }
> ```

Vad är syftet med den andra raden...?

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

## #14 — caya, 2006-05-09T14:08Z

att nollställa i ie 7 eftersom 7an ignorerar användandet av bara asterixer

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

## #15 — zcorpan, 2006-05-09T15:27Z

Hmmm. Nej. IE7 tolkar asterixer korrekt för mig. Den andra raden är ogiltig och borde ignoreras.

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

## #16 — caya, 2006-05-09T20:06Z

så skumt
se denna länk
<http://nanobox.chipx86.com/blog/2006/04/easy-css-hacks-for-ie7.php>

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

## #17 — zcorpan, 2006-05-09T21:53Z

> **caya skrev:**
>
> så skumt
> se denna länk
> <http://nanobox.chipx86.com/blog/2006/04/easy-css-hacks-for-ie7.php>

Mycket intressant, och användbart, men det står inte att asterixer ignoreras. :)

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

## #18 — stephan, 2006-05-12T07:57Z

> **caya skrev:**
>
> nollställa marginaler
> för ie6 och ie7
> 
>
>
> ```
> * { margin:0; padding:0; }
> *+ { margin:0; padding:0; }
> ```

Kanske lite OT, men jag har stött på ett problem när jag nollställer margin och padding. Select-boxar blir riktigt skumma i FF. (Se bifogad bild)

Nu har jag 2px padding på select.

Bilagor:

- [select.gif](https://www.webforum.nu/a/10731.gif)

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

## #19 — zcorpan, 2006-05-12T09:37Z

> **stephan skrev:**
>
> Kanske lite OT, men jag har stött på ett problem när jag nollställer margin och padding.

Det är också problem med bland annat knappar i Opera. Personligen använder jag inte "nollställa-marginaler-metoden" längre eftersom det påverkar alla element när man egentligen bara vill påverka vissa.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/146515-marginal-hr-ie