---
title: "right skall vara höger"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/178314-right-skall-vara-höger"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Dino"
published: "2009-04-27T17:53:17.000Z"
updated: "2009-04-27T20:03:13.000Z"
replies: 2
views: 430
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/178314-right-skall-vara-höger"
---

# right skall vara höger

## #1 — Dino, 2009-04-27T17:53Z

Skulle vilja att #divBox2 i nedan kod var positionerad till höger istället. Dess högra border skall då ligga samma som #divBox1 högra border.

```
<!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="en" lang="en">
<head>
<title>Untitled</title>
<style type="text/css">
     #divContainer{border:solid 1px #000;padding:10px;height:300px;}
     #divBox1{border:solid 1px green;height:200px;overflow:auto;}
     #divBox2{border:solid 1px red;height:100px;width:400px;position:relative;margin-bottom:-200px;top:-200px;right:0%;}
</style>
<script type="text/javascript">
window.onload = function()
{
var s1 = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed augue lacus, varius sagittis, gravida sit amet, iaculis eget, mauris.<br/>';
var e1 = document.getElementById('divBox1');
for(var i = 0;i<50;i++){
      e1.innerHTML += s1
      i++;
   }
}
</script>
</head>
<body><br/><br/><br/>
<div id="divContainer">
   <div id="divBox1"></div>
   <div id="divBox2">
      Login:<br/>
      <input type="text" />
   </div>
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
```

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

## #2 — voigtann1, 2009-04-27T18:35Z

position relative utgår alltid ifrån vad elementet renderas ut "by default". hade inte använd position i ditt fall utan kört float istället.

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

## #3 — Dino, 2009-04-27T20:03Z

Blev en kombination av position och float.
Testat i FF3, IE7 och IE8 och det fungerade fint.

```
#divBox2
{
   border:solid 1px red;
   height:100px;
   width:400px;
   [B]position:relative;[/B]
   margin-bottom:-200px;
   top:-200px;
   [B]float:right;[/B]
}
```

Tackar för hinten. :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/178314-right-skall-vara-höger
