Problemer med position
Heysa, ja når i ser siden siger det sig selv:http://www.aspsoftware.dk/flegel/nytest/default.html
min css fil:
.body {
border: 1px solid #000000;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: 736px;
Height: 600px;
}
#title {
position: absolute;
left: 19px;
top: 0px;
width: 698px;
Height: 100px;
background-image:url(images/header.jpg);
}
#left {
border-right: 1px black solid;
position: absolute;
left: 0px;
top: 0px;
width: 18px;
background-image:url(images/venstrebar.jpg);
}
#right {
border-left: 1px black solid;
position: absolute;
right: 0px;
top: 0px;
width: 18px;
background-image:url(images/hojrebar.jpg);
}
.onehor {
border-top: 1px black solid;
border-bottom: 1px black solid;
position: absolute;
left: 19px;
top: 100px;
width: 698px;
Height: 20px;
background-image:url(images/horisontalbar.jpg);
}
.twohor {
border-bottom: 1px black solid;
position: absolute;
left: 19px;
top: 122px;
width: 698px;
Height: 20px;
background-image:url(images/horisontalbar.jpg);
}
.threehor {
border-top: 1px black solid;
position: absolute;
left: 18px;
width: 698px;
Height: 20px;
background-image:url(images/horisontalbar.jpg);
}
#content {
position: absolute;
top: 143px;
left: 19px;
bottom: 0px;
background-color: #336699;
}
html fil:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Silencio</title>
<meta name="Generator" content="Stone's WebWriter 4" />
</head>
<body>
<div class="body">
<div id="title">
sad
</div>
<div id="left">
</div>
<div id="right">
</div>
<div class="onehor">
</div>
<div class="twohor">
</div>
<div id="content">
</div>
</div>
</body>
</html>
Jeg ønsker at siden blot skal fylde ud ned af, alt efter hvor meget indhold der. Desuden ønsker jeg højre og venstre bar også til at fylde ud efter indhold, og det hele skal blive inde i den først div, som også blot skal strække sig i højden, ikke i bredden
