---
title: "sidan i mitten"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/55846-sidan-i-mitten"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "jns"
published: "2002-10-13T12:17:19.000Z"
updated: "2003-05-05T12:23:06.000Z"
replies: 11
views: 533
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/55846-sidan-i-mitten"
---

# sidan i mitten

## #1 — jns, 2002-10-13T12:17Z

hur gör man så att ett table alltid är i mitten av browsen oavsätt vilken läsare man har? inte så att den är i mitten på 1280x1024 men långt ner på 800x600 t.ex, mitten på höjden alltså   :q

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

## #2 — dectgap, 2002-10-13T12:37Z

Det är kanske inget snyggt sätt, men du kan köra följande:

```
<body>
<table style='width: 100%; height: 100%;'>
 <tr>
  <td style='text-align: center; vertical-align: middle'>
  ...
  </td>
 </tr>
</table>
</body>
```

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

## #3 — ejick, 2002-10-13T16:00Z

Om du vill att den skall funka i en massa versioner gör enligt följande:

\<table height="100%" width="100%"\>
 \<tr\>
  \<td  align="center" valign="middle"\>
  ...
  \</td\>
 \</tr\>
\</table\>

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

## #4 — Webslave, 2003-05-01T22:13Z

Hur gör man om man vill placera en sida i mitten på webläsaren? För ovanstående exempel fungerar endast i Iexplorer vad jag kan se.

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

## #5 — jarvklo, 2003-05-01T22:55Z

Hmm...
Den kokboksmetod jag brukar köra med är:
\* Tänk på vilken \<!DOCTYPE du använder
\* Sätt höjd 100% samt margin och padding till noll på html och body när du kör med en \<!DOCTYPE som ställer in din sida i "Standards mode"...

Här är ejicks exemplel skrivet i xtml 1.0 Transitional med dessa kokboksingredienser tillagda...:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Centrering</title>
<style type="text/css">
<!--
html, body {height:100%; margin:0; padding:0;}
-->
</style>
</head>

<body>

<table style="height:100%; width:100%">
<tr>
<td align="center" valign="middle">
<div style="border:1px solid black">Centrerad i höjd</div>
</td>
</tr>
</table>

</body>
</html>
```

Behöver du sedan centrera sidan i sidled också så finns kodexempel på t.ex.
<http://bluerobot.com/web/css/center1.html>
och 
<http://bluerobot.com/web/css/center2.html>

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

## #6 — Choronzon, 2003-05-02T00:17Z

Eller sno koden från csn.se  §e

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

## #7 — jarvklo, 2003-05-02T09:18Z

... som kör en tabell enligt ejicks exempel :e

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

## #8 — Webslave, 2003-05-05T11:24Z

Om man kör vanlig html vad ska man använda för doctype? Jag testaed med den vanliga Transitional men då funkar det inte... det funkar utan men det vill jag ju inte.

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

## #9 — jarvklo, 2003-05-05T11:55Z

Hmm..
Du hamnar i Standards Mode med den  DOCTYPE:n...
Har du med height:100%  för body och html då ? (de behövs alltid i standards mode när du vill att 100% skall vara hela skärmhöjden !!! ;) )
Följande funkar för mig i MSIE5 och 6.2 iallafall...

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Centrering</title>
<style type="text/css">
<!--
html, body {height:100%; margin:0; padding:0;}
-->
</style>
</head>

<body>

<table style="height:100%; width:100%">
<tr>
<td align="center" valign="middle">
<div style="border:1px solid black">Centrerad i höjd</div>
</td>
</tr>
</table>

</body>
</html>
```

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

## #10 — Webslave, 2003-05-05T12:13Z

Ok nu funkar det... men nu fick jag problem med mina höjden på mina td's... om jag har en tabell som jag vill ska vara "\*" i höjd (dvs resterande höjd som finns kvar) hur gör jag då? \* är väll inte godkänt?

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

## #11 — jarvklo, 2003-05-05T12:19Z

hmm...
Vad händer om du testar att köra med en DOCTYPE som ger dig "quirks mode" då?

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
```

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

## #12 — Webslave, 2003-05-05T12:23Z

Hey!.. det fungerade... i iexplorer i alla fall, men man får väll offra sig. Det ser inte helt kackigt ut i Opera o NN i alla fall.

Tackar tackar ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/55846-sidan-i-mitten
