---
title: "Anpassa bakgrundsbild efter upplösning"
type: "forum-thread"
url: "https://www.webforum.nu/amne/asp/122417-anpassa-bakgrundsbild-efter-upplösning"
topic: "ASP"
topic_url: "https://www.webforum.nu/amne/asp"
author: "Klauz"
published: "2005-02-14T18:54:56.000Z"
updated: "2005-02-15T14:04:42.000Z"
replies: 12
views: 960
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/asp/122417-anpassa-bakgrundsbild-efter-upplösning"
---

# Anpassa bakgrundsbild efter upplösning

## #1 — Klauz, 2005-02-14T18:54Z

Jag vill kunna anpassa bakgrundsbild beroende på besökarens skärmupplösning.. Nu ligger alla bakgrundsinställningar i en css-fil.

Det finns säkert flera sätt att fixa det på. Men hur gör man det smidigast? Jag tänkte använda filer med namn efter de olika upplösningarna typ bg_1024.jpg, bg_1280.jpg o.s.v 

mvh
Martin

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

## #2 — m_soderlund, 2005-02-14T19:04Z

Detta är en bra start: [Upplösning (javascript och asp)](http://www.sitepoint.com/forums/showthread.php?p=704333#post704333)

Använd sen en villkorssats för att skriva ut bakgrundsbilden. :)

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

## #3 — klementin, 2005-02-14T20:46Z

Man kan ju även använda lite CSS:

```
<HTML>
	<HEAD>
		<TITLE>Bakgrunds test
		</TITLE>

		<STYLE type="text/css">
			#bgimage {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
				background-color: #FFFFFF;
			}

			#bgimage IMG {
				height: 100%;
				width: 100%
			}

			#contents {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 2;
			}
		</STYLE>

	</HEAD>

	<BODY>

		<DIV id="bgimage"><IMG src="background.jpg"></DIV>
		<DIV id="contents">Innehåll</DIV>

	</BODY>

</HTML>
```

 

Men det är ju en smaksak  :) 
Med vänlig hälsning
K

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

## #4 — Klauz, 2005-02-14T21:12Z

Krångligt att man ska behöva skapa cookies i javascript för att kunna läsa dem i ASP! ;) Men det kanske är enda sättet?

Klementin, jag får väl inte ut skärmupplösningen genom ditt script? 

Använder externa css-filer och där funkar väl inte ASP-kod?

Några andra förslag?

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

## #5 — klementin, 2005-02-14T21:41Z

Åh, min kod plockar inte ut någon skärmupplösning utan anpassar helt enkelt bakgrundsbilden till 100% av webbläsarfönstret, men det var kanske inte vad du var ute efter.
Mvh.
K

Ps.
Jag läste nog ditt inlägg lite slarvigt.
Ds.

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

## #6 — Klauz, 2005-02-14T22:03Z

klementin!

så bilden trycks ihop eller?

nä, det var inte riktigt det jag var ute efter. har ett foto som bakgrundsbild som är anpassat efter 1400\*1050 upplösning. den väger rätt mkt, ca 80 kb så jag tänkte skona de med lägre upplösning genom att förminska bilden och få ner kilobyten!

nu kapas ju dessutom delar av bilden vid lägre upplösning.

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

## #7 — klementin, 2005-02-14T22:47Z

Okey fattar nu. Skit i min skräpkod, det var ju inte alls vad du var ute efter. Hur ser uppbyggnaden ut?

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

## #8 — klementin, 2005-02-15T09:26Z

Om du struntar i att ha externa CSS-filer för varje bakgrund så kan du ju köra något liknande:

```
<HTML>
	<HEAD>
		<TITLE>Backgrounds
		</TITLE>
	<HEAD>

	<SCRIPT language="JavaScript" type="text/javascript">
		document.write('<BODY style="background-image: url(bg_' + screen.width + '.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed;">');
	</SCRIPT>

	Innehåll

	</BODY>

</HTML>
```

 

Känns som om denna tråd borde ligga i Javascript eller CSS forumet.

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

## #9 — Klauz, 2005-02-15T10:27Z

Det skulle ju vara underbart om man kunde sköta allt detta i en css-fil, så att man slipper gå in och ändra varje separat sida. men det kanske inte går?

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

## #10 — klementin, 2005-02-15T10:56Z

Du skulle ju kunna slänga in min kod i en typ Header-fil och sen inkludera den i varje dokument, men som sagt svårt när man inte vet hur sajten/koden ser ut.

Eller så kör du en separat JS-fil som du inkluderar i alla dokument.

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

## #11 — Klauz, 2005-02-15T12:31Z

ja det kanske är det bästa. att lägga in din javascript-kod i en SSI-fil och ersätta bodytaggen med den?

vad tror du?

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

## #12 — klementin, 2005-02-15T12:51Z

Jepp, det tror jag blir enklast.

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

## #13 — Klauz, 2005-02-15T14:04Z

alright kör på det! danke! :)

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

---

Tråden på webben: https://www.webforum.nu/amne/asp/122417-anpassa-bakgrundsbild-efter-upplösning
