MarshallPlexi
Technical User
I'm working on a page that looks like this:
This is just a preview of the last 5 pages on my Blog. What I really want is to have another preview just like it that is directly below it, but I'm having no luck. When I add the second layer, it takes its position from the first layer and therefore causes the scrollbars on the first layer to go nuts.
Here is the result:
Any ideas? I'm sure this is simple.
===================================
Here is my code for the second page
===================================
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#BlogFrame {
position:absolute;
left: 100px;
top: 50px;
width: 250px;
height: 125px;
overflow: auto;
z-index: 2;
}
#BBSFrame {
position: absolute;
left: 100px;
top: 200px;
width: 250px;
height: 125px;
overflow: auto;
z-index: 1;
}
body {
background-color: #666666;
}
</style>
</head>
<body>
<div id="BlogFrame">
<? include(" ?>
</div>
<p> </p>
<div id="BBSFrame">
<? include(" ?>
</div>
</body>
</html>
This is just a preview of the last 5 pages on my Blog. What I really want is to have another preview just like it that is directly below it, but I'm having no luck. When I add the second layer, it takes its position from the first layer and therefore causes the scrollbars on the first layer to go nuts.
Here is the result:
Any ideas? I'm sure this is simple.
===================================
Here is my code for the second page
===================================
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#BlogFrame {
position:absolute;
left: 100px;
top: 50px;
width: 250px;
height: 125px;
overflow: auto;
z-index: 2;
}
#BBSFrame {
position: absolute;
left: 100px;
top: 200px;
width: 250px;
height: 125px;
overflow: auto;
z-index: 1;
}
body {
background-color: #666666;
}
</style>
</head>
<body>
<div id="BlogFrame">
<? include(" ?>
</div>
<p> </p>
<div id="BBSFrame">
<? include(" ?>
</div>
</body>
</html>