---
title: "lager på rad med 'margin'"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/130805-lager-på-rad-med-margin"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Yoda"
published: "2005-06-30T14:58:44.000Z"
updated: "2005-06-30T18:18:15.000Z"
replies: 2
views: 262
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/130805-lager-på-rad-med-margin"
---

# lager på rad med 'margin'

## #1 — Yoda, 2005-06-30T14:58Z

Hej, jag har två divar som jag vill ha sidan om varandra men de lägger sig efter varandra i höjdled och jag förstår inte varför. Någon som vet hur jag ska få upp div.bild i jämnhöjd med div.text? 

CSS:en

```
body, html
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

#container
{
	margin:auto;
	padding:0;
	width:790px;
	height:600px;
	background-color:#FFFF00;
}

div.text
{
	width:310px;
	margin-bottom:100px;
	margin-left:80px;
	margin-top:200px;
	background-color:red;
}

div.bild
{
	margin-left:480px;
	margin-top:0px;
	margin-bottom:100px;
	background-color:green;
}

#footer
{
	margin:auto;	
}
```

Och så html:en

```

<!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">
<head>
<title>Sweden Water</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style_sw.css" rel="stylesheet" type="text/css" />

<?php
	/*Inkuderar menyn till webbplatsen.*/
	include("meny.php");
?>

</head>
<body>
<div id="container">
<?php
	/*Inkuderar menyntabellen till webbplatsen.*/
	include("meny_tabell.php");
?>

<div class="text">
	<p><h3>Fristående</h3></p>
	
	<p>
		
	</p>
</div>

<div class="bild">
	<table border="0">
		<tr height="250" valign="top">
			<td width="150">
				<a href="fristaende.php"><img border="0" src="images/Atlantis_liten.jpg"></a><br />
				Fristående
			</td>
			<td>
				<a href="bordsmodeller.php"><img border="0" src="images/Pollux_liten.jpg"></a><br />
				Bordsmodeller
			</td>
		</tr>
		<tr>
			<td>
				<a href="inbyggda.php"><img border="0" src="images/Pro3.jpg"></a><br />
				Inbyggda
			</td>
			<td>
				<a href="tapphuvuden.php"><img border="0" src="images/ot_rostfri.jpg"></a><br />
				Tapphuvuden
			</td>
		</tr>
	</table>
</div>
<div id="footer">
	<img src="images/sw_logga2.jpg">
</div> <!-- Avslutar class fot -->

</div> <!-- Avslutar class container -->
</body>
</html>
```

Jag har gjort menyn i DW så jag skonar er från att se den koden...

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

## #2 — Insider, 2005-06-30T16:18Z

Det tillvägagångssätt man oftast använder för att placera två blockelement på samma rad är att använda float:left på det första eller båda elementet.

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

## #3 — Yoda, 2005-06-30T18:18Z

Tack vad bra!  :e

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/130805-lager-på-rad-med-margin
