---
title: "css... centrering i flera lager."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/129541-css-centrering-i-flera-lager"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "alnö_mattias"
published: "2005-06-07T08:08:53.000Z"
updated: "2005-06-07T09:14:54.000Z"
replies: 2
views: 247
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/129541-css-centrering-i-flera-lager"
---

# css... centrering i flera lager.

## #1 — alnö_mattias, 2005-06-07T08:08Z

Åter igen återkommer jag med grundskolefrågor. ;)

Jag håller på bygger en sida. XHTML och CSS är det som gäller.
Jag får inte kolla på detta med centrering.
I grunden ser koden ut så här:

\<div id="wrapper"\>

\<div id="picbg"\>
\</div\>

\<div id="pic"\>
\</div\>

\<div id="upperstripe"\>
\</div\>

\<div id="lowerstripe"\>
\</div\>

\</div\>

Jag vill då att hela paketet ska centreras **wrapper**, det är ju inte så svårt. Men när jag sedan vill att **pic** ska förskjutas 30 pixlar top och left så slår jag ut centreringen, jag förstår varför men hur fixar jag detta?

Även **upperstripe** och **lowerstripe** ska centreras och flyttas som **pic**. 

Framförallt för att få det att fungera i IE och i FF.
När ska IE ta till sig CSS fullt ut? argh! :)

För inte ska jag behöva en css för IE heller? 

Detta är cssn just nu:

```
body {
	text-align: center;
	min-width: 700 px;
}

#wrapper {
	margin:0 auto;
	width:700px;
	text-align: left;
}

#pic {
	position: relative;
	margin:0 auto;
	top: -514px;
	left: 30px;
}
```

Och detta fungerar i IE, men inte i FF. Där förskjuts bilden 5-6 piclar uppåt.

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

## #2 — icaaq, 2005-06-07T08:46Z

Jag vet inte om jag förstått dig rätt men **pröva**

```
[red]
#wrapper {
	margin:0 auto;
	width:700px;
	text-align: left;
        position: relative;
}

#pic {
	position: absolute;
	top: -514px;
	left: 30px;
}
[/red]
```

mv icaaq

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

## #3 — Guffa, 2005-06-07T09:14Z

Stilen text-align används för att centrera (eller justera) inline-objekt, alltså vanlig text. IE har tyvärr en bugg så att den även centrerar block-objekt, alltså div-taggarna.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/129541-css-centrering-i-flera-lager