---
title: "CSS-centrera bodyn horisontalt?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/85121-css-centrera-bodyn-horisontalt"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Dryden"
published: "2003-09-02T21:39:17.000Z"
updated: "2003-09-29T13:46:45.000Z"
replies: 26
views: 1087
page: 1
pages: 2
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/85121-css-centrera-bodyn-horisontalt"
---

# CSS-centrera bodyn horisontalt?

_Sida 1 av 2._

## #1 — Dryden, 2003-09-02T21:39Z

Jag får inte till att centrera min CSS-body horisontalt. Vertical-align känner jag till men resten då?
Vill helst slippa gå igenom varenda dokument, därav CSS:en... ;)

Så här ser min body ut idag:

```
BODY {background: #F8F8F8; margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
```

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

## #2 — Jesper T, 2003-09-02T21:48Z

Que? Skall du göra det i bodytaggen?
Är det en sida du vill skall placera sig på mitten både horisontalt och vertikalt? I sådana fall gör du väl detta i en div-tagg?!

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

## #3 — Dryden, 2003-09-02T21:52Z

Jag vill centrera den horisontalt, inte vertikalt. 
Det kanske inte ens går i bodyn... :OO :l
En sista utväg är att slänga in en horisontal centrering här, 

```
.main_table { vertical-align: top; }
```

 men hur anger jag det? Har letat lite bland CSS-referenser men får inte till det.

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

## #4 — Palle, 2003-09-02T22:10Z

Lek lite med den här: :) 

```
[red]<style type="text/css">

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #000;
	background: #F8F8F8; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#content {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -111px 0 0 -111px;
	padding: 10px;
	width: 100px;
	height: 100px;
	border: 1px solid #000;
	background-color: #ccc;
	text-align: left;
	z-index: 2;
	}

</style>

...

<div id="content">
	Wee!
</div>[/red]
```

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

## #5 — Dryden, 2003-09-28T17:06Z

Jag fick inte till din variant, Palle.
Det jag vill är alltså att centrera en sajt både i höjdled och sidled. Men hur? :)

Fler bud? :)

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

## #6 — LBC, 2003-09-28T17:08Z

Kolla <http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html>

Red: Sorry, såg inte att du ville centrera i höjdledd... :OO

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

## #7 — Nexus86, 2003-09-28T17:11Z

```
BODY {
	background: #F8F8F8;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	[b]text-align: center;[/b]
}
```

R// Fast om jag inte minns helt galet så måste det som ska ligga centrerat horisontalt ha position: relative så ifall det är main_table så använd följande också.

```
.main_table {
	[b]position: relative[/b];
	vertical-align: top;
}
```

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

## #8 — LBC, 2003-09-28T17:21Z

Ännu ett förslag... kolla <http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=77437>  i vilken jag själv ställde samma fråga.  :)

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

## #9 — pakmannen, 2003-09-29T07:05Z

Du skulle kunna fixa det med ett javascript som kollar höjden på webbläsarfönstret och sedan placerar elementet efter det. Jag har ett hemma någonstans, skulle kunna leta upp det senare idag.

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

## #10 — Dryden, 2003-09-29T08:15Z

Tack så mycket men för egen del så har jag löst problemet. I alla fall delvis. [Så här](http://www.dryden.se/foto) blev det. :)

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

## #11 — Nexus86, 2003-09-29T10:19Z

Wee. Gick (delvis) på mitt förslag. ;)

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

## #12 — Engine^, 2003-09-29T11:05Z

Jag skulle ha löst det genom att baka in hela rasket i en tabell...

```
<body>
<table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr valign="middle"><td></td><td width="780" align="center">

[blue]<!-- sidan -->[/blue]

<td></td></td></tr></table>
</body>
```

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

## #13 — Nexus86, 2003-09-29T11:08Z

> **Dryden skrev:**
>
> Vill helst slippa gå igenom varenda dokument, därav CSS:en...

> **Engine^ skrev:**
>
> Jag skulle ha löst det genom att baka in hela rasket i en tabell...

&nbsp; :OO ;)

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

## #14 — Engine^, 2003-09-29T11:17Z

Jo, men jag skulle fortfarande ha gjort som jag skrev... ;)

en \<div\>-lösning är väl detsamma?

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

## #15 — Nexus86, 2003-09-29T12:26Z

Nästan. Till att börja med måste han ändra i alla filer men efter han gjort det och vill ändra igen så behöver han bara ändra på ett ställe. :)

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

## #16 — Dryden, 2003-09-29T12:47Z

Nexus86: exakt så. :) Inte för att lösningen som  Engine^ gav inte skulle fungera, den kändes dock inte lika smidig.

Dock kvarstår två problem: 
\- sidan centreras inte i Firebird.
\- den ram jag lagt runt huvudtabellen syns bara i IE.

Jag använder mig av följande kod i CSS:en: 

```
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #F8F8F8; 
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 10px;
	text-align: center;
}

#content {
	width: 0%;
	height: 0%;
	margin-top: 10px;
	border: 2px solid #D1AB46;
	background-color: #F2E7C8;	
	z-index: 2;	
	}
```

Och sedan kör jag \<div id=content\> i dokumenten. 

Japp, jag vet. Jag kan nog stryka en del av den här koden. ;)
Men, varför centreras det inte i Firebird och varför syns heller inte ramen i samma bläddrare?

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

## #17 — celia, 2003-09-29T12:59Z

I Mozilla är den inte centrerad på nån ledd!? 

Jag löste det med att sätta height: 100% i både body och html. Sedan skapade jag en tabell och satte height: 100% i table och td. Lägg in siten där så centreras den i höjdled, sidled fixar man med en div.

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

## #18 — Palle, 2003-09-29T13:02Z

> **Dryden skrev:**
>
> Jag fick inte till din variant, Palle.
> Det jag vill är alltså att centrera en sajt både i höjdled och sidled. Men hur? :)
> 
> Fler bud? :)

Jag är med på vad du menar och den koden jag visade här tidigare gör det, dock måste matte-snillet vara framme och göra en uträkning gällande de negativa talen i css-mallen.
Dessa ska baseras på tabellens bredd och höjd.

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

## #19 — Dryden, 2003-09-29T13:02Z

Skall nu mera bara centreras i sidled.

Den skall bara vara centrerad i sidled och jag vill sköta allt via CSS:en.

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

## #20 — jarvklo, 2003-09-29T13:08Z

> \- den ram jag lagt runt huvudtabellen syns bara i IE.

hmm.. Den syns faktiskt längst upp till vänster om du tittar ordentligt, men Firebird lyssnar på dina inställningar ;)

```
#content {
	width: 0%;
	height: 0%;
```

Förmodligen har du problemet med centreringen som en följd av detta eftersom det som visas hanteras som en "overflow" utöver din minimala #content i Firebird ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/85121-css-centrera-bodyn-horisontalt  
Nästa sida: https://www.webforum.nu/amne/html-css/85121-css-centrera-bodyn-horisontalt/page2.md