So I'm coding my website using wordpress, and the layout I've made requires a scrollbar for the blog instead of it scrolling endlessly. So I want a fixed height, instead of it just filling up the whole page.
This is part of my code for the stylesheet:
#content{
top: 100px;
position: absolute;
height: 400px;
width: 640px;
left: 110px;}
It should have a height of 400px right? Well it doesn't, and I don't know how to make it like that. It should fill the square that is the blog, but instead it just scrolls outside the blog.
My header is just:
<html>
<head>
<title>TITLE</title>
<link rel="stylesheet" type="text/css" href="stylesheet url" />
</head>
<body>
<div id=img2><img src=layout url></div>
<div id="content">
If anyone can help me I will be SO grateful! I can't think what I'm doing wrong.
Edit: I just added overflow:auto, and now I have 2 scrollbars!? I can't win.
This is part of my code for the stylesheet:
#content{
top: 100px;
position: absolute;
height: 400px;
width: 640px;
left: 110px;}
It should have a height of 400px right? Well it doesn't, and I don't know how to make it like that. It should fill the square that is the blog, but instead it just scrolls outside the blog.
My header is just:
<html>
<head>
<title>TITLE</title>
<link rel="stylesheet" type="text/css" href="stylesheet url" />
</head>
<body>
<div id=img2><img src=layout url></div>
<div id="content">
If anyone can help me I will be SO grateful! I can't think what I'm doing wrong.
Edit: I just added overflow:auto, and now I have 2 scrollbars!? I can't win.