mats47Medlem sedan mars 2009185 inlägg
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
StefanBergfeldtMedlem sedan sep. 2004752 inlägg
float: left på dom kanske?
mats47Medlem sedan mars 2009185 inlägg
hur skriver jag då?
Är inte så bra på div
mats47Medlem sedan mars 2009185 inlägg
Hur gör jag?
jag vill ha två div bredvidvarandra som är center på själva sidan.
StefanBergfeldtMedlem sedan sep. 2004752 inlägg
#header {
height: 501px;
background: url(images/sida2/header.gif) no-repeat;
float: left;
}
Exempel bara.
mats47Medlem 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>
