---
title: "två <div>"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/80738-två-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Picklezz"
published: "2003-06-27T15:09:33.000Z"
updated: "2003-06-27T16:44:53.000Z"
replies: 2
views: 249
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/80738-två-div"
---

# två <div>

## #1 — Picklezz, 2003-06-27T15:09Z

Hur får man två \<div\> att hamna på samma höjd?

vill liksom ha två div bredvid varandra och båda skall ha toppen vid samma höjd så att säga...

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

## #2 — dectgap, 2003-06-27T15:23Z

```
<div style="float: left; width: 50%; background-color: #f00">Röd bakgrund</div>
<div style="background-color: #00f">Blå bakgrund</div>
```

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

## #3 — bossse, 2003-06-27T16:44Z

Inte så svårt, kolla om detta passar!

\<HTML\>
\<HEAD\>

```
<style type="text/css"> 
<!-- #Position1 
{background-color:red; position:absolute; top:50pt; 
left:50pt; width: 300px; height: 300px;} 
#Position2 
{background-color:blue; position:absolute; top:50pt; 
left:300pt; width: 300px; height: 300px; } 
-->
</style> 
</HEAD>

<BODY BGCOLOR=GREEN>
<div id=Position1> 
Röd bakgrund
</div>  
<div id=Position2> 
Blå bakgrund
</div>  
</BODY>
</HTML>
```

Det går även bra med procent, enligt koden nedan, byt bara ut i css:en o testa. 
Gissar att procentexemplet visas bättre i olika upplösningar också!

\#Position1 
{background-color:red; position:absolute; top:5%; 
left:10%; width:35%; height:80%;} 
\#Position2 
{background-color:blue; position:absolute; top:5%; 
left:45%; width:35%; height:80%;}

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/80738-två-div
