---
title: "Bakgrundsproblem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/127268-bakgrundsproblem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Skarre"
published: "2005-04-28T10:14:34.000Z"
updated: "2005-04-29T07:35:56.000Z"
replies: 6
views: 275
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/127268-bakgrundsproblem"
---

# Bakgrundsproblem

## #1 — Skarre, 2005-04-28T10:14Z

Jag har lagt en bakgrund för html-taggen, och en annan för body-taggen. Den senare ska ligga längst ner i mitten, oavsett hur lång sidan är. Det fungerar fint i IE, men i FF och Opera lägger sig bakgrunden i nederkant av browserfönstret och inte i nederkant av själva html-sidan. Svårt att förklara, men kolla på den länkade filen så framgår säkert problemet. Vad gör jag för fel?

<http://member.webforum.nu/1826/test.htm>

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

## #2 — Insider, 2005-04-28T13:07Z

FireFox vill att du talar om att body ska ha en minimum höjd på 100%. Inte att höjden ska bara exakt 100% av webläsarfönstret. IE tolkar height fel och implementerar den som min-height.

Ta bort: 

```
html, body {}
html {}
body {}
```

Lägg till:

```
html {
	background:url(bg.gif) repeat-y center;
	background-color:#DBE2EB;
	height:100%;
}

* html body {
	height:100%
}

body {
	min-height:100%;
	text-align:center;
	background:url(bgbottom.gif) no-repeat bottom;
}
```

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

## #3 — silfver, 2005-04-28T13:13Z

Men eftersom inte IE kan uppfatta min-height så får du också lägga till 

```
<!--[if IE]>
<style type="text/css">
body {height:100%}
</style>
<![endif]-->
```

emellan dina head-taggar.
Så, tror jag.

**r\\** Fast insider skrev ju body { height: 100%; } i sin kod. Nåja. Låt stå! :p

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

## #4 — Insider, 2005-04-28T13:34Z

FF ignorerar

```
* html body {
	height:100%
}
```

, det gör inte IE.
Alltså blir det samma sak som det du skrev. Med risk för att microsoft rättar buggen som gör att "\* html" inte ignoreras. Men då rättar som kanske min-height-buggen oxå...

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

## #5 — silfver, 2005-04-28T13:39Z

> **Insider skrev:**
>
> FF ignorerar
>
> ```
> * html body {
> 	height:100%
> }
> ```
>
> 
> , det gör inte IE.
> Alltså blir det samma sak som det du skrev. Med risk för att microsoft rättar buggen som gör att "\* html" inte ignoreras. Men då rättar som kanske min-height-buggen oxå...

Oj, vad smart! Då slipper man ha en ful \[if IE\]\-grej, eller hur?

Varför är det så att FF ignorerar den biten?

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

## #6 — icaaq, 2005-04-28T13:49Z

För att Firefox korrekt tolkar html som root-elementet i ett (x)html-dokument och därför kan det inte finnas något *parent-element* till det. Det är dock validerad CSS att göra så. Likaså att använda [underscorehack](http://www.456bereastreet.com/archive/200411/the_underscore_hack/) . Men det går inte igenom Jigsaws css-validator på w3c.(underscorehacket alltså)

mv icaaq

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

## #7 — Skarre, 2005-04-29T07:35Z

Kanoooooon!!!111ETT  :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/127268-bakgrundsproblem