---
title: "css center funderingar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/91358-css-center-funderingar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "MizzK"
published: "2003-11-26T18:31:47.000Z"
updated: "2003-11-26T20:28:48.000Z"
replies: 5
views: 316
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/91358-css-center-funderingar"
---

# css center funderingar

## #1 — MizzK, 2003-11-26T18:31Z

undrade hur man gjorde i css när man ville att sidan(tabellen) alltid skulle hamna i mitten av fönstret när man breddar fönstret och så.. har gjort det innan men glömt bort hur man gör =)

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

## #2 — MizzK, 2003-11-26T18:42Z

så här har jag gjort nu, men d fungerar inte 

```
BODY {
	float: right;
	background-color: #527AB5;
	padding: 5px 5px 5px 10px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana;
}
```

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

## #3 — Palle, 2003-11-26T19:01Z

<http://www.webforum.nu/showthread.php?s=&postid=721577#post721577>

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

## #4 — bossse, 2003-11-26T19:59Z

Så här brukar jag centrera objekt, tabeller, div, boxar, bilder, mm. mm.
Funkar i alla upplösningar.
Första delen HTML, BODY i Css-delen är ej nödvändig.
Beror på hur man vill ha marginalerna i bodyn.

```
<HTML>
<HEAD>
<title>Centrering</title>
<style type="text/css">
<!--
HTML, BODY 
{
background-color:green;
width:100%; 
height:100%; 
margin-left:0%;
margin-top:0%;
}

TABLE 
{
width:400px; 
height:230px; 
border-collapse:collapse; 
border:2px solid black;
position:absolute;
left:50%;
top:50%;
margin-left:-205px;
margin-top:-115px;
}

TD 
{
background-color:blue;
border-collapse:collapse;
border:1px solid black;}
-->
</style>

</HEAD> 
<BODY>

<table>
<tr>
<td> tabellcell 1 </td>
<td> tabellcell 2 </td>
</tr>
</table>
Ändra width och height som du ska ha på din tabell. Du ändrar sedan värden för margin-left/margin-top enl. nedan. 
<BR>
Om din tabell är 800px bred och 600px hög så blir margin-värdena -400px respektive -300px. 
<BR>
Dvs hälften av tabellens mått, men negativa. Tabellen ligger då alltid i mitten oavsett upplösning.
<BR>
Om du bara vill centrering åt ett håll så tror jag du kan räkna ut detta själv!
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
Har här gjort ett exempel med en mindre tabell för tydlighetens skull.
<BR>
För att göra den osynlig så får man ha samma färg som bakgrunden och ingen border.
<BR>
Har här Css:en i head-taggen, men det går förstås lika bra att länka denna som en extern Css-fil.

</BODY>
</HTML>
```

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

## #5 — Choronzon, 2003-11-26T20:27Z

> **bossse skrev:**
>
> Så här brukar jag centrera objekt, tabeller, div, boxar, bilder, mm. mm.
> Funkar i alla upplösningar.
> Första delen HTML, BODY i Css-delen är ej nödvändig.
> Beror på hur man vill ha marginalerna i bodyn.
> 
>
>
> ```
> <HTML>
> <HEAD>
> <title>Centrering</title>
> <style type="text/css">
> <!--
> HTML, BODY 
> {
> background-color:green;
> width:100%; 
> height:100%; 
> margin-left:0%;
> margin-top:0%;
> }
> 
> 
> TABLE 
> {
> width:400px; 
> height:230px; 
> border-collapse:collapse; 
> border:2px solid black;
> position:absolute;
> left:50%;
> top:50%;
> margin-left:-205px;
> margin-top:-115px;
> }
> 
> TD 
> {
> background-color:blue;
> border-collapse:collapse;
> border:1px solid black;}
> -->
> </style>
> 
> </HEAD> 
> <BODY>
> 
> <table>
> <tr>
> <td> tabellcell 1 </td>
> <td> tabellcell 2 </td>
> </tr>
> </table>
> Ändra width och height som du ska ha på din tabell. Du ändrar sedan värden för margin-left/margin-top enl. nedan. 
> <BR>
> Om din tabell är 800px bred och 600px hög så blir margin-värdena -400px respektive -300px. 
> <BR>
> Dvs hälften av tabellens mått, men negativa. Tabellen ligger då alltid i mitten oavsett upplösning.
> <BR>
> Om du bara vill centrering åt ett håll så tror jag du kan räkna ut detta själv!
> <BR>
> <BR>
> <BR>
> <BR>
> <BR>
> <BR>
> <BR>
> <BR>
> <BR>
> <BR>
> <BR>
> <BR>
> <BR>
> <BR>
> <BR>
> Har här gjort ett exempel med en mindre tabell för tydlighetens skull.
> <BR>
> För att göra den osynlig så får man ha samma färg som bakgrunden och ingen border.
> <BR>
> Har här Css:en i head-taggen, men det går förstås lika bra att länka denna som en extern Css-fil.
> 
> </BODY>
> </HTML>
> ```

Det där funkar ju inte i ns 6 & 7, men det visste du kanske redan?

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

## #6 — MizzK, 2003-11-26T20:28Z

tack för svaren men jag löste problemet själv =)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/91358-css-center-funderingar
