Testa att lägga till
float: right;
på #meny
Trådstart#1
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>
