---
title: "menybox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/124819-menybox"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Pumba"
published: "2005-03-21T16:41:35.000Z"
updated: "2005-03-22T07:11:51.000Z"
replies: 4
views: 282
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/124819-menybox"
---

# menybox

## #1 — Pumba, 2005-03-21T16:41Z

jag har ändrat ett exempel som jag hittade här på webforum, men trixet är att jag vill ha en meny ruta till höger, och jag har suttit och trixat men istället för att hamna där jag vill ha den så hamnar den över hela sidan. Kolla exemlet jag skickar med så förstår ni hur jag vill ha det

\<!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\>Div-test\</title\>
\<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /\>
\<style type="text/css"\>
html, body { /\*\*/
color: #fff;
background-color:#ffffff;
margin:0;
padding:0; 
height:100%; /\*\*/
BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url('bilder/storbg.jpg'); BACKGROUND-REPEAT: repeat-y
}
p {
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #000000;
margin:0;
padding: 5px 10px 5px 10px;
}
\#container {
width:740px;
min-height:100%; /\*\*/
background-color:#FFFFFF; 
}

\#header{
width: 740px;
height: 92px;
background-color:#333;
BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url('bilder/logo2.jpg'); BACKGROUND-REPEAT: repeat-y
margin:0
}
\#menu {
width:740px;
height: 28px;
background-color:#AC883F;
BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url('bilder/bg_meny.jpg'); BACKGROUND-REPEAT: repeat-y
margin:0;
}
\#main {
width:740px;
background-color:#ffffff;
margin:0;
}
\#belowthebottom {
  height:28px;  
}
\#bottom{
width:740px;
height: 28px; 
background-color:#999;
BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url('bilder/bg_meny.jpg'); BACKGROUND-REPEAT: repeat-y
margin-top:-28px; /\* samma som height \*/

}

\</style\>

\<!--\[if IE\]\>
\<style type="text/css"\>
\#container {height:100%}
\</style\>
\<!\[endif\]--\>

\</head\>

\<body\>
\<div id="container"\>

\<div id="header"\>\<p\>\</p\>\</div\>

\<div id="menu"\>\<p\>meny\</p\>\</div\>

\<div id="main"\>\<p\>Välkommen\</p\>\</div\>

\<div id="belowthebottom"\>\</div\>

\</div\>

\<div id="bottom"\>\<p\>meny\</p\>\</div\>

\</body\>
\</html\>

Bilagor:

- [meny.jpg](https://www.webforum.nu/a/5850.jpg)

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

## #2 — oskob, 2005-03-21T16:46Z

Testa att lägga till
float: right;
på #meny

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

## #3 — Pumba, 2005-03-21T16:52Z

jo det fungerade men nu uppstid det ett nytt problem,  jag vill ju att main & meny2 ska ligga horisonellt med varandra (ursäkta stavningen hehe) just nu så hamnar meny2 en bit över main

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

## #4 — Pumba, 2005-03-21T16:57Z

löste det med att sätta float left på main, tack så mycket för hjälpen!

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

## #5 — oskob, 2005-03-22T07:11Z

:)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/124819-menybox
