---
title: "Centrera div exklusive höger div?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/171621-centrera-div-exklusive-höger-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "UrMe"
published: "2008-05-19T08:38:51.000Z"
updated: "2008-05-19T09:38:36.000Z"
replies: 4
views: 529
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/171621-centrera-div-exklusive-höger-div"
---

# Centrera div exklusive höger div?

## #1 — UrMe, 2008-05-19T08:38Z

Jag har fått en skiss som jag ska sätta ihop och den är uppbyggd ungefär så här:

```php
<div id="div1">innehåll</div>
<div id="div2">asd</div>
```

Div1 är ungefär 900px bred och div2 är ungefär 180px bred.

Problemet är att div1 ska vara centrerad på sidan och div2 ska ligga till höger om div1.

Hur ska jag lyckas centrera div1 och lägga div2 till höger?

Kan slänga ihop en fulskiss i photoshop om min förklaring är jäkligt luddig :)

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

## #2 — Fredde Mannen, 2008-05-19T08:57Z

Du lägger en wrapper runt om divarna som är = div1 + div2

```
<div id="wrapper">
<div id="div1">innehåll</div> 
<div id="div2">asd</div> 
</div>
```

Sen sätter du float: left på div1 och div2, samt margin-left: auto och margin-right: auto på wrapper för att centrera.

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

## #3 — UrMe, 2008-05-19T09:12Z

Men centreras inte båda divarna då?

Har bifogat en bild på hur det ska funka, det svarta strecket är center.

Att lägga en tom div till vänster är ju en fullösning, men om de då sitter på en liten upplösning får de inte hela sidan vänsterjusterad.

Bilagor:

- [layout2.gif](https://www.webforum.nu/a/18142.gif)

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

## #4 — ejick, 2008-05-19T09:26Z

En idé kunde kanske vara att placera div2 absolut?

```
#div1 {
    width: 900px;
    margin: 0 auto;
    background: #999;
}
#div2 {
    top: 0;
    left: 50%;
    width: 180px;
    position: absolute;
    margin: 0 0 0 450px;
    background: #000;
    z-index: 1;
}
```

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

## #5 — UrMe, 2008-05-19T09:38Z

Ah att jag inte tänkte på det   :r 

Det funkar kanon!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/171621-centrera-div-exklusive-höger-div