---
title: "Centrera div som jag inte vet bredden på?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/137233-centrera-div-som-jag-inte-vet-bredden-på"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mattias_ym"
published: "2005-11-09T08:08:10.000Z"
updated: "2005-11-09T08:53:34.000Z"
replies: 9
views: 376
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/137233-centrera-div-som-jag-inte-vet-bredden-på"
---

# Centrera div som jag inte vet bredden på?

## #1 — mattias_ym, 2005-11-09T08:08Z

Jag har en div som är 80% av body bredden, alltså vet jag inte det exata pixel värdet, denna vill jag centrera i webbläsaren så det blir 10% av bakgrundsfärgen lyser igenom, hur gör jag?

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

## #2 — silfver, 2005-11-09T08:17Z

Sätt margin på den. 

```
#hemlig-div {margin: 0 auto}
```

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

## #3 — Melea, 2005-11-09T08:18Z

Sen för att det ska funka i IE5, så lägger du till

```
body { text-align: center; }
```

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

## #4 — mattias_ym, 2005-11-09T08:24Z

Det är lika bra att jag ber om hjälp hela vägen... jag har denna kod som fungerar i Firefox och andra standardläsare men inte IE.
[Målet](http://www.curfurste.se/webimg/goal.jpg)

Hur ser koden ut för denna layout som ska vara flytande och ska fungera i alla webbläsare... :)

Där den svarta delen är backgrundfärg och den grå och vita är lager.

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

## #5 — silfver, 2005-11-09T08:29Z

Ingen aning om detta blir som du önskar... 

```
		body {
			text-align: center; /* för IE5 */
		}
		#wrap {
			background: #ccc; /* ser inte vilken färg... */
		}
		#top {
			height: 20px;
			background: black;
		}
		#main {
			width: 90%;
			margin: 0 auto;
			background: white;
			text-align: left;
		}
		#bottom {
			height: 20px;
			background: black;
		}
		#main p {
			margin: 0;
			padding: 0;
		}
```

 

```
<div id="wrap">
	<div id="top">&nbsp;</div>
		<div id="main">
			<p>Text... lorem ipsum *lol*. </p>
		</div>
	<div id="bottom">&nbsp;</div>
</div>
```

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

## #6 — mattias_ym, 2005-11-09T08:33Z

Nej det blev det inte... ;)
Svart bakgrund ett grått lager (#666) som är centrerat vertikalt inuti i det ett vitt lager (#fff) som är centrerat horisontellt..

Din kod blev
svart
grått
svart

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

## #7 — silfver, 2005-11-09T08:34Z

> **mattias_ym skrev:**
>
> Nej det blev det inte... ;)
> Svart bakgrund ett grått lager (#666) som är centrerat vertikalt inuti i det ett vitt lager (#fff) som är centrerat horisontellt..
> 
> Din kod blev
> svart
> grått
> svart

 Kolla min redigering. Jag hann nog ändra när du skrev. :) Färgerna kan du ändra själv.

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

## #8 — mattias_ym, 2005-11-09T08:43Z

Jodå nu är fälten rätt men den är typ 60 pixlar hög... ;)

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

## #9 — silfver, 2005-11-09T08:44Z

> **mattias_ym skrev:**
>
> Jodå nu är fälten rätt men den är typ 60 pixlar hög... ;)

 Hur hög ska den vara då? Du sa ju bara flytande horisontellt. ;)

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

## #10 — mattias_ym, 2005-11-09T08:53Z

Så här ska det vara...

```
			html {
				height: 100%;
			}

			body {
				text-align: center; /* för IE5 */
				height: 100%;
				margin: 0;
				padding: 0;
				background: #000;
			}

			#wrap {
				background: #666;
				height: 90%;
				margin: 30px 0 30px 0;
			}

			#main {
				width: 90%;
				height: 100%;
				margin: 0 auto;
				background: white;
				text-align: left;
			}
```

Men tack för hjälpen! Du fick mig på rätt spår! :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/137233-centrera-div-som-jag-inte-vet-bredden-på