---
title: "Centrera allt innehåll i en div i FF?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/157578-centrera-allt-innehåll-i-en-div-i-ff"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "aasah"
published: "2007-02-26T15:37:22.000Z"
updated: "2007-02-28T13:37:12.000Z"
replies: 13
views: 952
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/157578-centrera-allt-innehåll-i-en-div-i-ff"
---

# Centrera allt innehåll i en div i FF?

## #1 — aasah, 2007-02-26T15:37Z

Jag har en div som innehåller en knapp, lite text, ett inputfält och en tabell. När jag definierar följande i CSS: 

```
#cw {
  font-family: 'Times New Roman', sans-serif;
  font-size: 12px;
  width: 60%;
  margin: 5px;
  padding: 10px;
  text-align: center;
}
```

så blir hela innehållet snyggt centrerat i IE (v 6 i alla fall). I FF hamnar däremot allt innehåll snyggt centrerat **utom** tabellen.   x( Hur löser jag smidigast problemet så det blir centrerat i både FF och IE???   :q 

[Sidan i fråga](http://www.tydal.nu/aasah/Lab/IntCW/newTakeCW.php?Kid=11#cwDiv).

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

## #2 — Okkido, 2007-02-26T15:55Z

margin:0 auto;

Mindre/Utan shorthand:
(margin: 0 auto 0 auto;)
(margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;)

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

## #3 — aasah, 2007-02-26T16:12Z

> **Okkido skrev:**
>
> margin:0 auto;
> 
> Mindre/Utan shorthand:
> (margin: 0 auto 0 auto;)
> (margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;)

Var ska den koden ligga? I diven? Eller i tabellen i diven?

Varför funkar inte center?

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

## #4 — Okkido, 2007-02-26T16:25Z

\#cw {
  font-family: 'Times New Roman', sans-serif;
  font-size: 12px;
  width: 60%;
  margin: 5px;
  padding: 10px;
  text-align: center;
  margin:0 auto;
}

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

## #5 — aasah, 2007-02-26T16:30Z

Gör ingen som helst nytta. Ser precis likadant ut i FF.

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

## #6 — headbug, 2007-02-26T16:59Z

.cwColumn {
  /\*width: 45%;\*/
  height: 600px;
  margin-right: 20px;
  overflow:auto;
  float:left;
}

float: left tar ut diven ur normala flödet. FF gör rätt och IE (såklart) fel! :)

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

## #7 — aasah, 2007-02-26T17:28Z

> **headbug skrev:**
>
> float: left tar ut diven ur normala flödet. FF gör rätt och IE (såklart) fel! :)

VA?   :q Det är inte DIVEN som ska centreras, det är INNEHÅLLET i den!!!

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

## #8 — tanten, 2007-02-26T18:05Z

Du kan nog lägga till margin:0 auto;
i #cw table också. Tabeller kan leva lite egna liv :-)

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

## #9 — Okkido, 2007-02-26T18:44Z

> **aasah skrev:**
>
> Gör ingen som helst nytta. Ser precis likadant ut i FF.

funkade bra för mig, men då måste jag missupfattat vad du menade.

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

## #10 — zcorpan, 2007-02-26T19:42Z

> **tanten skrev:**
>
> Du kan nog lägga till margin:0 auto;
> i #cw table också.

Precis. Eller bara på tabellen räcker.

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

## #11 — headbug, 2007-02-26T22:05Z

Jag blev lite förvirrad jag med, text-align: center gäller INNE i diven, medan margin: 0 auto; gäller utanför. Alltså för att centrera något innehåll i #cw måste innanmätet, dvs tabellen, få margin: 0 auto; !!

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

## #12 — aasah, 2007-02-27T19:54Z

Härligt! Nu funkar det! :e Tack zcorpan!

headbug, tack för förklaringen.

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

## #13 — Troxy, 2007-02-28T09:37Z

> **aasah skrev:**
>
> Varför funkar inte center?

Här är anledningen:

> **W3C skrev:**
>
> Text-align. This property describes how inline content of a block is aligned.

<http://www.w3.org/TR/CSS21/text.html#propdef-text-align>

Tabeller är exempelvis inte inline-element utan block-element och därför kan man inte centrera tabeller med text-align.

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

## #14 — zcorpan, 2007-02-28T13:37Z

> **Troxy skrev:**
>
> Tabeller är exempelvis inte inline-element utan block-element och därför kan man inte centrera tabeller med text-align.

Hmm... vill bara klargöra så att termerna inte blandas ihop. :)

\<table\> är ett block-element i HTML men det är helt orelaterat till hur det visas med CSS. (Även om det inte var det du menade så är det lätt att blanda ihop det.)

HTML-tabeller är oftast "display:table" i CSS, och de beter sig med avseende på 'text-align' på samma sätt som "display:block", men de är egentligen inte block-element (i CSS alltså).

Man kan också ange "display:inline-table" och då fungerar det mer som "display:inline" med avseende på 'text-align'. Så ett alternativt sätt att centrera tabellen kunde vara att ange display:inline-table, men då hade tabellen kanske hamnat på samma rad som texten ovanför och dessutom saknar vissa webbläsare stöd för "display:inline-table". :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/157578-centrera-allt-innehåll-i-en-div-i-ff