---
title: "Positionera bakgrund"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/138457-positionera-bakgrund"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maqe"
published: "2005-11-29T08:36:27.000Z"
updated: "2005-11-29T16:03:09.000Z"
replies: 10
views: 363
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/138457-positionera-bakgrund"
---

# Positionera bakgrund

## #1 — maqe, 2005-11-29T08:36Z

Hur gör man får att flytta in bakgrunden så att jag får vitt mellan mina borders precis som det är uppe och nere?

Bilagor:

- [sidbar.gif](https://www.webforum.nu/a/8627.gif)

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

## #2 — bwcMikke, 2005-11-29T08:47Z

Vet inte riktigt....

...hur du menar. Den blå rektangeln skall alltid vara centrerad på sidan?

Då skriver du så här:
\[CODE\]
\<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0"\> 
  \<tr\> 
    \<td align="center" valign="middle" \>
     .... Din befintliga kod.....
    \</td\>
  \</tr\>
\</table\>

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

## #3 — mozilla, 2005-11-29T09:27Z

bhaa, tables?!?!

Vet inte om man kan flytta bakgrunden(tror inte det). Men något i den här stilen skulle jag nog ha gjort

```
<div style="border: 1px solid black;padding:1px;width:200px;">
  <a href="" style="display:block;background-image:url(blue.jpg);padding:2px;color:white;">sidebar</a>
</div>
```

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

## #4 — maqe, 2005-11-29T09:27Z

det jag visar är en p tagg som jag lagt en background-image på. p taggen har även en double border men i firefox så blir bakgrunden synlig inuti border till höger och vänster

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

## #5 — m_soderlund, 2005-11-29T09:47Z

Visa oss din kod.

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

## #6 — maqe, 2005-11-29T10:02Z

```
		p.header {
			background: #fff url('bar_bg.gif') repeat-x;
			margin:0;
			color: #fff;
			border: double 3px #C3C4B1;
			padding: 4px 0 0 9px;
			height:19px;
			font-weight:bold;
			font-size:1.1em;
		}
```

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

## #7 — m_soderlund, 2005-11-29T10:09Z

Jag antar att du inte vill att bakgrundsbilden ska repeteras i x-led. Ta bort repeat-x. :)

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

## #8 — mozilla, 2005-11-29T11:15Z

Jag antar att han vill det... ;)

Men det är ett lite trixigt problem, vet som sagt inte om det finns någon bra lösning med ren css. Mitt förslag(fast du byter ut a mot h1-2 bör ju fungera)

```
<div style="border: double 3px #C3C4B1;height:19px;width:200px;">
  <h1 style="margin:0px;background: #fff url('bar_bg.gif') repeat-x;padding: 4px 0 0 9px;color:#fff;font-weight:bold;font-size:1.1em;">
    sidebar
  </h1>
</div>
```

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

## #9 — zcorpan, 2005-11-29T14:31Z

['background-position'](http://www.w3.org/TR/CSS21/colors.html#propdef-background-position) kanske? :)

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

## #10 — maqe, 2005-11-29T15:11Z

Jag har försökt med position men får det inet att fungera.

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

## #11 — zcorpan, 2005-11-29T16:03Z

Jaha, nu förstår jag problemet. Är det fast bredd? I så fall kan du göra bilden så bred som du vill ha den och ange 'no-repeat'. Annars får du nog kläma dit ett extra element tror jag.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/138457-positionera-bakgrund