Mmats47Medlem sedan mars 2009185 inlägg Frågan#1 Jag har två st div som ska ligga bredvid varandra
<?xml version="1.0" encoding="UTF-8"?>
<!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="sv">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
body {
background: #<%=bgcolor%> url(images/<%=("Bakgrund")%>.gif)<%end if%> repeat-x;
}
#test
{
height: 501px;
width: 917px;
}
#back
{
height: 501px;
background: url(images/sida2/table_back.gif) repeat-y
}
#header {
height: 501px;
background: url(images/sida2/header.gif) no-repeat;
}
#mellanlogo {
width: 877px;
height: 200px;
}
</style>
</head>
<body>
<div id="mellanlogo"></div>
<div id="content">
<div id="back"></div>
<div id="header"> </div>
</div>
</body>
</html>
"back" och "header" ska ligga brevid vandra, nu hamnar dom bara under varandra.
"back" till vänster
float: left på dom kanske?
Mmats47Medlem sedan mars 2009185 inlägg Hur gör jag?
jag vill ha två div bredvidvarandra som är center på själva sidan.
#header {
height: 501px;
background: url(images/sida2/header.gif) no-repeat;
float: left;
}
Exempel bara.
Mmats47Medlem sedan mars 2009185 inlägg Fick det att fungera
har fått ett nytt problem
<Div> "meny" som ska ligga över "headen" hamnar den under "headen"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
<!--
html, body
{
height: 100%;
overflow: hidden;
line-height: 17px;
background: #eef2f7;
color: #585858;
font: 12px arial;
}
.mellanspace {
height: 15%;
}
.super
{
width: 868px;
margin: 0 auto;
}
.content
{
float:left;
height: 501px;
width: 668px;
border: #d5d5d5 0px solid;
background: url(images/sida2/table_back.gif) no-repeat;
}
.show
{
height: 100%;
overflow-x: auto;
text-align: center;
}
.header {
position: relative;
width: 314px;
left: 700px;
height: 501px;
background: url(images/sida2/header.gif) no-repeat;
}
.menu
{
height: 100%;
overflow-x: 1;
text-align: center;
}
//-->
</style>
</head>
<body>
<div class="mellanspace"></div>
<div class="super">
<div class="content">
<div class="show">
Massa text
<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 /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />asd
</div>
</div>
<div class="header">
<div class="meny">
Skapat av dfdfdf dfdfdf
</div>
</div>
</div>
</body>
</html>
