---
title: "Auto resize av bakgrundsbild?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/168113-auto-resize-av-bakgrundsbild"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "joachim_s"
published: "2008-01-15T08:24:03.000Z"
updated: "2008-01-15T08:24:03.000Z"
replies: 0
views: 355
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/javascript/168113-auto-resize-av-bakgrundsbild"
---

# Auto resize av bakgrundsbild?

## #1 — joachim_s, 2008-01-15T08:24Z

Hejsan!

På den myspacesida som jag har editerat för mitt band så har jag problemet
att få bakgrundsbilden att fungera för olika upplösningar. Jag har därför sökt
efter en auto resize-funktion för att bakgrundsbilden ska kunna skala om
efter den upplösning som användaren har. Hur får jag det att funka i min
kod? Jag har testat förslag jag har fått tidigare och skrivit in det i koden
men det har inte fungerat.

Nån som kan detta så att det funkar specifikt för min kod? Och då vill jag ju
att det ska funka för alla webläsare.
 

```
<style type="text/css">

body{ 
background-position:top center;margin-top: 1000;}
 
div.topbanner {
top: 10;
left: 49%;
margin-left: -375;
width: 800px;
height: 1000px;
position: absolute;
}

..
container {position:relative; height:160px; width:100%;}
BGimage {display:block;}
content {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
}
-->
</style>

<div class="topbanner">
<IMG SRC="http://www.theoliveshoots.com/pics/pilgrimage/myspace_logo_2.png" border="0"></div>

<style type="text/css">
body{
    background-image:url(http://theoliveshoots.com/pics/pilgrimage/2.9_smaller2.jpg);
    background-attachment: fixed;
    background-repeat: repeat-x;
}

Table, Td { background-color:transparent; border-style:none; background-repeat:yes;}
table table td { width:100%; }
table table table table td { width:auto; }
table table table {background-color:transparent; background-image:none; background-position:Top Center; background-repeat:repeat; border-color:86b5af; border-style:none; border-width:1px; padding:4px;}
table table table table{ background-image:none; background-color:transparent; border-style:none; }

.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext {color:a55c29; font-size:10pt; font-style:normal; font-family:Georgia,arial,verdana,sans-serif;} body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:2c1d00; font-size:8pt; font-style:normal; font-family:Georgia,arial,verdana,sans-serif;}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited {color:fff9f9; font-size:10pt; font-style:normal; font-family:Georgia,arial,verdana,sans-serif;}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active {color:cda470; font-size:10pt; text-decoration:underline; font-style:normal; font-family:Georgia,arial,verdana,sans-serif;}

.bbzs4 {content:"Other Properties";}
img {border:0px;}
body, textarea, div {
scrollbar-face-color:fd9f95;
scrollbar-highlight-color:fd9f95;
scrollbar-3dlight-color:ffb749;
scrollbar-shadow-color:fd9f95;
scrollbar-darkshadow-color:ffb749;
scrollbar-arrow-color:ffb749;
scrollbar-track-color:ffb749;}
</style><br></div>
<object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="192" width="455" align="middle" data="http://lads.myspace.com/photoshow/slideshow.swf">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="all" />
  <param name="movie" value="http://lads.myspace.com/photoshow/slideshow.swf" />
  <param name="quality" value="high" />
  <param name="scale" value="noscale" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="userID=62390522&bgColor=16737843&bgColor2=16724736&transiti..4&transiti..b&showCapti..1&albumID=1565890" />
</object>
```

Vänligen,
Joachim Sällström

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/168113-auto-resize-av-bakgrundsbild