---
title: "Bakgrund ska fästas men upprepas."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/95681-bakgrund-ska-fästas-men-upprepas"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Okkido"
published: "2004-01-25T07:56:44.000Z"
updated: "2004-01-27T22:11:52.000Z"
replies: 11
views: 447
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/95681-bakgrund-ska-fästas-men-upprepas"
---

# Bakgrund ska fästas men upprepas.

## #1 — Okkido, 2004-01-25T07:56Z

Hejsan

Säkert ett simpelt problem jag sitter med men mina söknar har inte gett mig resultat.

Jag har en bakgrund som ska dras ut i sidled så att den blir lika bred som sidan (  background-repeat: repeat-x; )
Sedan vill jag att den ska fästas så att den inte påverkas av en vertikal scroller. Så när man scrollar nedåt så påverkas inte bakgrunden.
(background-attachment: fixed;) hade jag för mig att det var men jag får inte det att fungera.

Tack på förhand!

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

## #2 — icaaq, 2004-01-25T08:01Z

Det ska fungera med

```
[red]
background-attachment: fixed;
[/red]
```

Kolla mer på background-attachment: fixed; 

Annars får du visa lite av din kod

mv Icaaq

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

## #3 — Okkido, 2004-01-25T08:09Z

```
html, body
{
	margin: 0px;
	padding: 0px;
	background-image: url(images/main_bg.gif);
	background-attachment: fixed;
	background-repeat: repeat-x;
	vertical-align: top;
}
```

Så ser min kod ut.

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

## #4 — dectgap, 2004-01-25T13:05Z

Med just den koden får jag det att funka som du vill.
<http://roslund.homeip.net/mattias/arbetsplats/bg.html>

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

## #5 — Okkido, 2004-01-25T18:43Z

Förstår verkligen inte vad det är som är fel, i nuläget visar den först bakgrunden (har den i en iframe) och när jag scrollar så scrollar den först förbi bakgrunden en gång sen visar den det korrekt som jag vill ha det.

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

## #6 — jarvklo, 2004-01-25T19:06Z

Hmm...

Har du  en länk till sidan så att man klura lite mer i detalj kan och se om det t.ex. kanske råkar bli "bieffekter" pga hur resten av koden ser ut eller nå't ?

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

## #7 — Okkido, 2004-01-27T01:30Z

<http://www.bikesupport.se/temp/inloggad/forsaljningsvillkor.php>

Där ser ni, jag har tittat på det hur länge som helst men ser inte var jag gör fel.
Just nu visar den bakgrundsbilden en gång sen visar den korrekt resten av vägen.

(Ja, försäljningsvillkoren är från Dustin ;))

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

## #8 — dectgap, 2004-01-27T11:33Z

Vill du att bakgrunden ska repeteras i y-led också?

Ändra i så fall till:

```
background-repeat: repeat;
```

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

## #9 — nitro2k01, 2004-01-27T11:46Z

Lite experimenterande gav två resultat:
1) När jag tog bort DOCTYPE-deklarationen, funkade bakgrunden korrekt. Däremot funkade inte en del andra saker...
2) Jag använde IE för att spara sidan på hårddisken. IE ändrade då en del saker i HTML. I CSS-filen särade IE på BODY och HTML deklarationerna.
Jag ändrade koden till följande och det funkade finfint.

```
 
HTML {
	BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(main_bg.gif); MARGIN: 0px; VERTICAL-ALIGN: top; BACKGROUND-REPEAT: repeat-x; HEIGHT: 100%
}
BODY {
	BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(main_bg.gif); MARGIN: 0px; VERTICAL-ALIGN: top; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100%
}
```

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

## #10 — Okkido, 2004-01-27T17:31Z

Ändrade som du gjort och visst ser det lite bättre ut, men fortfarande något fel.

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

## #11 — Palle, 2004-01-27T17:38Z

Fungerar finnemang i Firebird, dock inte i IE.. vill minnas jag haft ett liknande 
problem och då berodde detta på *html, body*\-deklarationen.

Vad händer om du tar bort *html* där?

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

## #12 — Okkido, 2004-01-27T22:11Z

Visst var det HTML som förstörde det, hade för mig att det var nått av det första jag testade men jag måste ha haft något annat fel då :) Thanks everyone!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/95681-bakgrund-ska-fästas-men-upprepas