mandarinspyce
02-06-2007, 02:02 AM
I'm trying to make a div with overflow, but for some reason it's not working. I know this is possible, because I've done it before. The main.php file is not being recognized/read for some odd reason. I can't quite figure out why :confused:
Any help is appreciated. Thanks!
index.php
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<center>
<div id="Table_01">
<div id="id01">
<img src="images/01.png" width="796" height="108" alt="">
</div>
<div id="id02">
<img src="images/02.png" width="269" height="231" alt="">
</div>
<div id="id03">
<img src="images/03.png" width="198" height="231" alt="">
</div>
<div id="id04" name="main" style="background: url('images/04.png'); background-repeat: no-repeat; background-color: #eaeaea; overflow: auto;">
<?php
$page = $_GET['page'];
if ($page) {
$page = $page . '.php';
include($page);
}
else {
include('content.php');
}
?>
</div>
<div id="id05">
<img src="images/05.png" width="50" height="231" alt="">
</div>
<div id="id06">
<img src="images/06.png" width="796" height="115" alt="">
</div>
</div>
</center>
</body>
</html>
style.css
body {
background-image: url('images/bg3.jpg');
background-repeat: repeat-x;
font-family: verdana;
color: #000000;
font-weight:normal;
font-size: 7pt;
line-height: 9pt;
text-align:justify;
}
#Table_01 {
position:absolute;
left:250px;
top:49px;
width:796px;
height:454px;
}
#id01 {
position:absolute;
left:0px;
top:0px;
width:796px;
height:108px;
}
#id02 {
position:absolute;
left:0px;
top:108px;
width:269px;
height:231px;
}
#id03 {
position:absolute;
left:269px;
top:108px;
width:198px;
height:231px;
}
#id04 {
position:absolute;
left:467px;
top:108px;
width:279px;
height:231px;
background: url('images/04.png');
background-repeat: no-repeat;
background-color: #eaeaea;
overflow: auto;
}
#id05 {
position:absolute;
left:746px;
top:108px;
width:50px;
height:231px;
}
#id06 {
position:absolute;
left:0px;
top:339px;
width:796px;
height:115px;
}
main.php
hello world!
<p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
scrolly scroll.
Any help is appreciated. Thanks!
index.php
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<center>
<div id="Table_01">
<div id="id01">
<img src="images/01.png" width="796" height="108" alt="">
</div>
<div id="id02">
<img src="images/02.png" width="269" height="231" alt="">
</div>
<div id="id03">
<img src="images/03.png" width="198" height="231" alt="">
</div>
<div id="id04" name="main" style="background: url('images/04.png'); background-repeat: no-repeat; background-color: #eaeaea; overflow: auto;">
<?php
$page = $_GET['page'];
if ($page) {
$page = $page . '.php';
include($page);
}
else {
include('content.php');
}
?>
</div>
<div id="id05">
<img src="images/05.png" width="50" height="231" alt="">
</div>
<div id="id06">
<img src="images/06.png" width="796" height="115" alt="">
</div>
</div>
</center>
</body>
</html>
style.css
body {
background-image: url('images/bg3.jpg');
background-repeat: repeat-x;
font-family: verdana;
color: #000000;
font-weight:normal;
font-size: 7pt;
line-height: 9pt;
text-align:justify;
}
#Table_01 {
position:absolute;
left:250px;
top:49px;
width:796px;
height:454px;
}
#id01 {
position:absolute;
left:0px;
top:0px;
width:796px;
height:108px;
}
#id02 {
position:absolute;
left:0px;
top:108px;
width:269px;
height:231px;
}
#id03 {
position:absolute;
left:269px;
top:108px;
width:198px;
height:231px;
}
#id04 {
position:absolute;
left:467px;
top:108px;
width:279px;
height:231px;
background: url('images/04.png');
background-repeat: no-repeat;
background-color: #eaeaea;
overflow: auto;
}
#id05 {
position:absolute;
left:746px;
top:108px;
width:50px;
height:231px;
}
#id06 {
position:absolute;
left:0px;
top:339px;
width:796px;
height:115px;
}
main.php
hello world!
<p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
scrolly scroll.