---
title: "bottom och center i div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/64750-bottom-och-center-i-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Hallgren"
published: "2003-01-13T15:50:54.000Z"
updated: "2003-01-15T09:57:03.000Z"
replies: 10
views: 389
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/64750-bottom-och-center-i-div"
---

# bottom och center i div

## #1 — Hallgren, 2003-01-13T15:50Z

Kan inte komma på varför jag får bottom men inte center när jag kör med följande snutt; 
\<div style="position:absolute; bottom:0px; text-align: center;"\>text\</div\> :l

lösning?

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

## #2 — Peter S, 2003-01-13T15:59Z

Därför att "text-align:center" centrerar texten i själva elementet. För att centrera elementet i förhållande till skärmen kan du lägga till följande:

```
left : 50%;
width : [I]värde[/I];
margin-left : -([I]värde[/I]/2);
```

 :)

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

## #3 — Hallgren, 2003-01-13T16:01Z

och vart ska jag lägga till det? (Ôo)

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

## #4 — Peter S, 2003-01-13T16:05Z

I "style"-attributet i "div"-elementet som du visade i din första post.

 :)

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

## #5 — Hallgren, 2003-01-13T17:35Z

..

om det är så här:
\<div style="position:absolute; bottom:0px; left: 50%; width: 700; margin-left: -(700/2);"\>text\</div\>
du menar så funkar det nästan. Texten blir placerad rätt men det dyker upp både en vertikal och horrisontal scroll och det är inte något jag vill ha. :l

\[r\]
eller ska det vara så här:
\<div style="position:absolute; bottom:0px; left: 50%; width: 700; margin-left: -350;"\>text\</div\>

Gah! fattar inte...

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

## #6 — Peter S, 2003-01-13T17:57Z

Så här menar jag:

```
<div style="position:absolute; bottom:0px; text-align: center; left:50%; width:300px; margin-left:-150px; background:gray">text</div>
```

 :)

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

## #7 — Hallgren, 2003-01-13T18:01Z

OMG! weee! Tror jag måste ta och läsa lite mer om CSS osv. :)
Tack!

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

## #8 — mikkeX, 2003-01-13T19:40Z

> **Hallgren skrev:**
>
> OMG! weee! Tror jag måste ta och läsa lite mer om CSS osv. :)
> Tack!

Börjar en ny artikelserie i nästa Datormagazin om stilmallar...

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

## #9 — Hallgren, 2003-01-14T10:47Z

...

Nu verkar det som om jag har lyckats med det omöjliga. Det funkar inte som jag vill i IE. :e

När jag lägger till koden så får en av mina tabeller en valign="top" effekt (i IE) och det är ju inte helt korrekt.

[ta en titt](http://fuzzystudio.thirdfloor.biz/temp/) 

I NS och Mozilla funkar det men som sagt inte i IE. :l

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

## #10 — frankof, 2003-01-14T17:42Z

Utan att egentligen fatta vad som är fel :e (sitter med IE5.5 nt)
Är inte så att sidan kör i "Quirksmode" eftersom du inte har någon doctype på den?

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

## #11 — Hallgren, 2003-01-15T09:57Z

..

Nu har jag lagt til doctype, inte för att det hjälpa  men endå :)

[rätt (NS och Mozilla)](http://fuzzystudio.thirdfloor.biz/temp/ns_mozilla.jpg) 

[fel (IE)](http://fuzzystudio.thirdfloor.biz/temp/ie.jpg)

\[r\]
OMG, problemet är löst. :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/64750-bottom-och-center-i-div