---
title: "placera element brevid div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/54430-placera-element-brevid-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "laidback"
published: "2002-09-27T14:42:16.000Z"
updated: "2005-09-05T11:31:13.000Z"
replies: 11
views: 429
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/54430-placera-element-brevid-div"
---

# placera element brevid div

## #1 — laidback, 2002-09-27T14:42Z

Som rubriken säger, undrar jag om det är möjligt på något sätt att pladera till exempel en tabell, eller ännu hellre en annan div brevid en div?

Jag har en \<div class="meny"\>
där klassen ser ut som följer:
.meny 
{
    margin-top: 125; margin-left: 50;
}
dvs. placerar ut diven 125 px ner och 50 px in från vänsterkanten. 
jag skulle vilja ha en till div brevid (till höger om) denna, är det tekniskt möjligt? 

Jag testade med \<span\> istället men då verkar inte margin-attributen fungera. 

Idéer någon? (jag har sökt lite, men inte hittat något som överensstämde)

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

## #2 — Dino, 2002-09-27T14:50Z

display:inline;

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

## #3 — Web-Tor, 2002-09-27T14:50Z

\<div\>taggen skapar automatiskt ett nytt stycke (en tomrad).

1\. Du kan lägga det hela i någon slags container:

```
<table border="0" cellpadding="0" cellspacing="0" width="600">
 <tr>
  <td width="300">Innehåll till vänster</td>
  <td width="300">Innehåll till höger</td>
 <tr>
</table>
```

2\. Du får lägga in ett lager:

```
<div id="namn" style="position:absolute; width:200px; left: 300px; top: 125px; z-index: 1;">Innehåll till höger</div>
```

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

## #4 — laidback, 2002-09-27T20:36Z

Web-tor: Ditt förslag del 2 ser ut att fungera precis som jag vill ha det! tackar :)

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

## #5 — jockek, 2002-09-28T12:04Z

Ville bara tipsa om en bra sida som behandlar problemet
<http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html>

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

## #6 — laidback, 2002-09-28T17:43Z

jockek: intressant sida! tack för länken :)

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

## #7 — tranceformer, 2005-09-01T14:37Z

Sökte för att finna ett liknande problem, men jag tänkte att jag kan fortsätta i den här..

Jag har en centrerad div-box på sidan, som alltid är centrerad, nu vill jag ha en till div-box till höger om den som ska flyta med ifall fönstret ändrar storlek.

Hur löser jag detta med CSS?

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

## #8 — tranceformer, 2005-09-02T12:16Z

Är det ingen som har någon lösning på ovanstående problem? Kommer med lite kod senare om det behövs.. Har lite brottom till annat nu. 

Jag vet att man kan få tips så väldans fort annars, så jag börjar bli lite orolig nu ;)

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

## #9 — Insider, 2005-09-02T13:11Z

Menar du så här?

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
 <head>
  <title>Test</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <style type="text/css">
* {margin:0;padding:0;}
#wrap {
	margin:0 auto;
	width:50em;
	position:relative;
	left:6em;
	background:#888;
}
#left {
	width:38em;
	float:left;
	background:#aaf;
}
#right {
	width:12em;
	float:right;
	background:#eda;
}
  </style>
  </head>
  <body>
  <div id="wrap">
	<div id="left">
		<p>#left</p>
		<p>asdasd adasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
		<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd
		Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
		<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd
		Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
		<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd
		Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
		<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
	</div>
	<div id="right">
		<p>#right</p>
		<p>asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
		<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
		<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
		<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
	</div>
  </div>
  </body>
</html>
```

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

## #10 — tranceformer, 2005-09-05T08:33Z

Ja tack, det va så jag menade :)
Tack för hjälpen!

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

## #11 — bossse, 2005-09-05T11:28Z

Tranceformer skrev:
Jag har en centrerad div-box på sidan, som alltid är centrerad, nu vill jag ha en till div-box till höger om den som ska flyta med ifall fönstret ändrar storlek.
Hur löser jag detta med CSS?

\<html\> 
\<head\> 
\<title\>\</title\> 
\<style type="text/css"\> 
\<!-- 
div 
{ 
width:600px; 
height:400px; 
background-color:gray; 
border:1px solid black; 
position:absolute; 
left:50%; 
top:50%; 
margin-left:-300; /\* hälften av bredden \*/ 
margin-top:-200;  /\* hälften av höjden  \*/ 
} 
\#höger 
{ 
width:50px; 
height:400px; 
background-color:gray; 
border:1px solid black; 
position:absolute; 
left:50%; 
top:50%; 
margin-left:302; 
margin-top:-200; 
} 
\--\> 
\</style\> 
\</head\> 
\<body bgcolor=green\> 
\<div\>
Tryck tangent F11 för helskärm. 
\</div\> 
\<div id=höger\> 
\</div\> 
\</body\> 
\</html\>

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

## #12 — bossse, 2005-09-05T11:31Z

Tranceformer skrev:

> Jag har en centrerad div-box på sidan, som alltid är centrerad, nu vill jag ha en till div-box till höger om den som ska flyta med ifall fönstret ändrar storlek.
> Hur löser jag detta med CSS?

```
<html> 
<head> 
<title></title> 
<style type="text/css"> 
<!-- 
div 
{ 
width:600px; 
height:400px; 
background-color:gray; 
border:1px solid black; 
position:absolute; 
left:50%; 
top:50%; 
margin-left:-300; /* hälften av bredden */ 
margin-top:-200;  /* hälften av höjden  */ 
} 
#höger 
{ 
width:50px; 
height:400px; 
background-color:gray; 
border:1px solid black; 
position:absolute; 
left:50%; 
top:50%; 
margin-left:302; 
margin-top:-200; 
} 
--> 
</style> 
</head> 
<body bgcolor=green> 
<div>
Tryck tangent F11 för helskärm. 
</div> 
<div id=höger> 
</div> 
</body> 
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/54430-placera-element-brevid-div
