06-07-10, 05:00 AM
Newbie Coder
Join Date: Mar 2010
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Divs not stretching?
I've spent the last couple hours trying to figure out why my content is overflowing instead the divs stretching. Nothing I have found seems to make any difference at all. Its 3 am and I am about to pull my hair out.
LOL Any suggestions would be greatly appreciated. Thanks in advance!
Oh, and yes, the CSS is in a separate file being included. I just put it all together to display it here.
Code:
<!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="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script language="JavaScript" src="js/nav.js" type="text/javascript"></script>
<style>
* {
margin:0;
padding:0;
}
body {
background: #000000 url(../images/bg.gif) repeat top left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #d1a746;
font-size: 14px;
padding: 0px;
margin: 0px;
}
a {
color:#9b0404;
text-decoration: none;
}
a:visited {
color:#9b0404;
text-decoration: none;
}
a:hover {
color:#ff0202;
text-decoration:none;
}
a:active {
color:#9b0404;
text-decoration: none;
}
.regularText {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #d1a746;
}
.highlightText {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;
}
.disclaimerText {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:11px;
}
h1 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
}
h2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
a.bloglinks {
color:#333333;
text-decoration: none;
}
a.bloglinks:hover {
color:#972727;
text-decoration:none;
}
hr {
color:#6c4c03;
background: #6c4c03;
background-color: #6c4c03;
width: 90%;
text-align: center;
border: 0;
height: 1px;
margin:0px;
padding:0;
}
#container {
position:relative;
width:995px;
height:100%;
min-height: 650px;
margin: auto;
}
#header {
position:relative;
height:145px;
}
#nav {
position:relative;
height:20px;
width: 995px;
}
#title_row {
position: relative;
height: 73px;
width: 995px;
}
#title {
position: relative;
height: 73px;
width: 444px;
text-align:left;
}
#title_right {
position: absolute;
top: 0px;
left: 444px;
float:right;
height: 73px;
width: 551px;
}
#midpage {
position:relative;
width: 995;
height:100%;
min-height: 220px;
margin: auto;
}
#left_side {
position:relative;
width:103px;
height:100%;
min-height: 220px;
background: url(../images/lft_side.gif) repeat;
float: left;
}
#main {
position:absolute;
top: 0px;
left: 103px;
width:804px;
background:#020203;
height:100%;
min-height: 220px;
float:left;
}
#content {
position:relative;
width:580px;
background:#020203;
height:100%;
min-height: 220px;
padding: 8px 10px 0px 10px;
margin-right:22px;
text-align:left;
float:left;
}
#available {
position:absolute;
top: 0px;
left: 602px;
width:202px;
background:#020203;
height:100%;
min-height: 220px;
float:right;
}
#box_top {
background: url(../images/box_top.gif);
max-width:202px;
height:14px;
}
#box_bg {
background: url(../images/box_middle.gif);
max-width:202px;
font-size: 12px;
font-weight: normal;
text-align: left;
padding: 5px 10px 5px 10px;
}
#box_bottom {
background: url(../images/box_bottom.gif);
max-width:202px;
height:6px;
}
#right_side {
position:absolute;
top: 0px;
left: 907px;
width: 88px;
height:100%;
min-height: 220px;
background: url(../images/rt_side.gif) repeat;
float:right;
}
.clr {
clear:both;
}
#page_bottom {
clear:both;
position:relative;
height:99px;
width: 995px;
}
#bottom_row {
position:relative;
width:995px;
margin: auto;
}
#left_corner {
position: relative;
min-height: 19px;
width: 103px;
text-align:left;
}
#nav_links {
position: absolute;
top: 0px;
left: 103px;
float:right;
min-height: 19px;
width: 789px;
text-align: center;
font-size: 12px;
color: #9b0404;
padding-top: 5px;
}
#right_corner {
position: absolute;
top: 0px;
left: 892px;
float:right;
min-height: 19px;
width: 103px;
}
hr.bottom {
color:#232323;
background: #232323;
width: 960px;
text-align: center;
border: 0;
height: 1px;
margin:5px auto;
padding:0;
margin-top: 20px;
}
sdd_row {
position:relative;
width: 960px;
margin: auto;
}
#copyright {
text-align:left;
font-size:10px;
padding-left:18px;
color:#5f5d5d;
float:left;
margin-bottom:5px;
}
#sdd {
text-align:left;
font-size:10px;
padding-right:18px;
color:#5f5d5d;
float:right;
margin-bottom:5px;
}
#sdd a {
color:#5f5d5d;
text-decoration: none;
}
#sdd a:hover {
color:#ff0202;
text-decoration: none;
}
</style>
</head>
<body onload="preloadImages();">
<div id="container">
<div id="header"><a href="index.php"><img src="images/header.gif" width="995" height="145" alt="Yellow Rose of Texas" border="0" /></a></div>
<div id="nav">
<img src="images/nav/nav_lft.gif" width="444" height="20" alt="" /><a href="about.php"
onmouseover="changeImages('nav_abt', 'images/nav/nav_abt_over.gif'); return true;"
onmouseout="changeImages('nav_abt', 'images/nav/nav_abt.gif'); return true;"
onmousedown="changeImages('nav_abt', 'images/nav/nav_abt_over.gif'); return true;"
onmouseup="changeImages('nav_abt', 'images/nav/nav_abt_over.gif'); return true;"><img src="images/nav/nav_abt.gif" alt="" name="nav_abt" id="nav_abt" width="91" height="20" border="0" /></a><a href="escorts.php"
onmouseover="changeImages('nav_esc', 'images/nav/nav_esc_over.gif'); return true;"
onmouseout="changeImages('nav_esc', 'images/nav/nav_esc.gif'); return true;"
onmousedown="changeImages('nav_esc', 'images/nav/nav_esc_over.gif'); return true;"
onmouseup="changeImages('nav_esc', 'images/nav/nav_esc_over.gif'); return true;"><img src="images/nav/nav_esc.gif" alt="" name="nav_esc" id="nav_esc" width="78" height="20" border="0" /></a><a href="calendar.php"
onmouseover="changeImages('nav_cal', 'images/nav/nav_cal_over.gif'); return true;"
onmouseout="changeImages('nav_cal', 'images/nav/nav_cal.gif'); return true;"
onmousedown="changeImages('nav_cal', 'images/nav/nav_cal_over.gif'); return true;"
onmouseup="changeImages('nav_cal', 'images/nav/nav_cal_over.gif'); return true;"><img src="images/nav/nav_cal.gif" alt="" name="nav_cal" id="nav_cal" width="92" height="20" border="0" /></a><a href="reservations.php"
onmouseover="changeImages('nav_rez', 'images/nav/nav_rez_over.gif'); return true;"
onmouseout="changeImages('nav_rez', 'images/nav/nav_rez.gif'); return true;"
onmousedown="changeImages('nav_rez', 'images/nav/nav_rez_over.gif'); return true;"
onmouseup="changeImages('nav_rez', 'images/nav/nav_rez_over.gif'); return true;"><img src="images/nav/nav_rez.gif" alt="" name="nav_rez" id="nav_rez" width="112" height="20" border="0" /></a><a href="employment.php"
onmouseover="changeImages('nav_emp', 'images/nav/nav_emp_over.gif'); return true;"
onmouseout="changeImages('nav_emp', 'images/nav/nav_emp.gif'); return true;"
onmousedown="changeImages('nav_emp', 'images/nav/nav_emp_over.gif'); return true;"
onmouseup="changeImages('nav_emp', 'images/nav/nav_emp_over.gif'); return true;"><img src="images/nav/nav_emp.gif" alt="" name="nav_emp" id="nav_emp" width="105" height="20" border="0" /></a><a href="links.php"
onmouseover="changeImages('nav_lnk', 'images/nav/nav_lnk_over.gif'); return true;"
onmouseout="changeImages('nav_lnk', 'images/nav/nav_lnk.gif'); return true;"
onmousedown="changeImages('nav_lnk', 'images/nav/nav_lnk_over.gif'); return true;"
onmouseup="changeImages('nav_lnk', 'images/nav/nav_lnk_over.gif'); return true;"><img src="images/nav/nav_lnk.gif" alt="" name="nav_lnk" id="nav_lnk" width="73" height="20" border="0" /></a>
</div>
<div id="title_row">
<div id="title"><img src="images/title_rez.gif" width="444" height="73" alt="" /></div>
<div id="title_right"><img src="images/title_rt.gif" width="551" height="73" alt="" /></div>
</div>
<div id="midpage">
<div id="left_side"><img src="images/lft_flower.gif" width="103" height="85" alt="" /></div>
<div id="main">
<div id="content">
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
</div>
<div id="available">
<div id="box_top"></div>
<div id="box_bg">
testing<br />testing<br />testing<br />testing<br />testing<br />testing<br />testing<br />testing<br />testing<br />testing<br />
</div>
<div id="box_bottom"></div>
</div>
<div class="clr"></div>
</div>
<div id="right_side"></div>
<div class="clr"></div>
</div>
<div id="page_bottom"><img src="images/footer.gif" width="995" height="99" border="0" alt="" /></div>
<div id="bottom_row">
<div id="left_corner"><img src="../images/lft_corner.gif" width="103" height="19" alt="" /></div>
<div id="nav_links">
<a href="about.php">About</a> | <a href="calendar.php">Calendar</a> | <a href="reservations.php">Reservations</a> | <a href="employment.php">Employment</a> | <a href="links.php">Links</a><br />
<a href="escorts.php?cityID=">Houston Escorts</a> | <a href="escorts.php?cityID=">Los Angeles Escorts</a>
</div>
<div id="right_corner"><img src="../images/spacer.gif" width="103" height="19" alt="" /></div>
<div class="clr"></div>
</div>
<hr class="bottom" />
<div id="sdd_row">
<div id="copyright">
©2010 Yellow-RoseOfTexas.com
</div>
<div id="sdd">
Designed by Scarlet Diva Designs
</div>
</div></div>
</body>
</html>
06-07-10, 05:10 AM
Community Liaison
Join Date: May 2005
Location: Antwerp, Belgium
Posts: 3,165
Thanks: 4
Thanked 25 Times in 25 Posts
It's because you have set the width and height of each div via css. height:100% means the div has a height that is as high as it's parent container, not as high as it's content. The same goes for width.
__________________
"Good judgement comes from experience, and experience comes from bad judgement." -
Fred Brooks
06-07-10, 01:13 PM
Newbie Coder
Join Date: Mar 2010
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Quote:
Originally Posted by
UnrealEd
It's because you have set the width and height of each div via css. height:100% means the div has a height that is as high as it's parent container, not as high as it's content. The same goes for width.
I removed all the height parameters for the section I want to stretch. Nothing changed at all. So then I removed the min-height parameters as well and all that did was I then lot my borders which are set at background images in the outer divs. Am I missing something?
06-08-10, 04:49 AM
Community Liaison
Join Date: May 2005
Location: Antwerp, Belgium
Posts: 3,165
Thanks: 4
Thanked 25 Times in 25 Posts
Can you give us a link to the working webpage?
__________________
"Good judgement comes from experience, and experience comes from bad judgement." -
Fred Brooks
06-09-10, 11:56 AM
Coding Addict
Join Date: Apr 2006
Posts: 275
Thanks: 2
Thanked 2 Times in 2 Posts
he most probably not be able to link to his webpage due to the adult nature of the site.
07-09-10, 01:16 AM
Newbie Coder
Join Date: Jul 2010
Location: UK
Posts: 45
Thanks: 1
Thanked 1 Time in 1 Post
you dont know that for sure scott2500uk.. but you cud be right..
07-17-10, 06:26 AM
Newbie Coder
Join Date: Jul 2009
Posts: 37
Thanks: 0
Thanked 0 Times in 0 Posts
Without a live site to see the problem I don't want to plough through the code line by line but I would suggest that you give all of the DIVs temporary background colours (distinctive ones). A lot of the time these problems are caused because the DIVs are not where you expect them to be or the size you expect.
07-27-10, 05:11 AM
Community Liaison
Join Date: Dec 2006
Location: Tacoma, Washington USA
Posts: 3,454
Thanks: 0
Thanked 140 Times in 137 Posts
It's because you have the DIV's "main" and "available" set to position:absolute, causing them to hover above the "midpage" DIV, instead of inside of it.
Try it like this:
HTML Code:
<!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="en" lang="en" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> </title>
<script language="JavaScript" src="js/nav.js" type="text/javascript" > </script>
<style>
* {
margin:0;
padding:0;
}
body {
background: #000000 url(../images/bg.gif) repeat top left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #d1a746;
font-size: 14px;
padding: 0px;
margin: 0px;
}
a {
color:#9b0404;
text-decoration: none;
}
a:visited {
color:#9b0404;
text-decoration: none;
}
a:hover {
color:#ff0202;
text-decoration:none;
}
a:active {
color:#9b0404;
text-decoration: none;
}
.regularText {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #d1a746;
}
.highlightText {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;
}
.disclaimerText {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:11px;
}
h1 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
}
h2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
a.bloglinks {
color:#333333;
text-decoration: none;
}
a.bloglinks:hover {
color:#972727;
text-decoration:none;
}
hr {
color:#6c4c03;
background: #6c4c03;
background-color: #6c4c03;
width: 90%;
text-align: center;
border: 0;
height: 1px;
margin:0px;
padding:0;
}
#container {
position:relative;
width:995px;
height:100%;
min-height: 650px;
margin: auto;
}
#header {
position:relative;
height:145px;
}
#nav {
position:relative;
height:20px;
width: 995px;
}
#title_row {
position: relative;
height: 73px;
width: 995px;
}
#title {
position: relative;
height: 73px;
width: 444px;
text-align:left;
}
#title_right {
position: absolute;
top: 0px;
left: 444px;
float:right;
height: 73px;
width: 551px;
}
#midpage {
position:relative;
width: 995;
height:100%;
min-height: 220px;
margin: auto;
}
#left_side {
position:relative;
width:103px;
height:100%;
min-height: 220px;
background: url(../images/lft_side.gif) repeat;
float: left;
}
#main {
/*position:absolute;
top: 0px;
left: 103px;*/
width:804px;
background:#020203;
height:100%;
min-height: 220px;
float:left;
}
#content {
position:relative;
width:560px;
background:#020203;
height:100%;
min-height: 220px;
padding: 8px 10px 0px 10px;
margin-right:22px;
text-align:left;
float:left;
}
#available {
/*position:absolute;
top: 0px;
left: 602px;*/
width:202px;
background:#020203;
height:100%;
min-height: 220px;
float:right;
}
#box_top {
background: url(../images/box_top.gif);
max-width:202px;
height:14px;
}
#box_bg {
background: url(../images/box_middle.gif);
max-width:202px;
font-size: 12px;
font-weight: normal;
text-align: left;
padding: 5px 10px 5px 10px;
}
#box_bottom {
background: url(../images/box_bottom.gif);
max-width:202px;
height:6px;
}
#right_side {
position:absolute;
top: 0px;
left: 907px;
width: 88px;
height:100%;
min-height: 220px;
background: url(../images/rt_side.gif) repeat;
float:right;
}
.clr {
clear:both;
}
#page_bottom {
clear:both;
position:relative;
height:99px;
width: 995px;
}
#bottom_row {
position:relative;
width:995px;
margin: auto;
}
#left_corner {
position: relative;
min-height: 19px;
width: 103px;
text-align:left;
}
#nav_links {
position: absolute;
top: 0px;
left: 103px;
float:right;
min-height: 19px;
width: 789px;
text-align: center;
font-size: 12px;
color: #9b0404;
padding-top: 5px;
}
#right_corner {
position: absolute;
top: 0px;
left: 892px;
float:right;
min-height: 19px;
width: 103px;
}
hr.bottom {
color:#232323;
background: #232323;
width: 960px;
text-align: center;
border: 0;
height: 1px;
margin:5px auto;
padding:0;
margin-top: 20px;
}
sdd_row {
position:relative;
width: 960px;
margin: auto;
}
#copyright {
text-align:left;
font-size:10px;
padding-left:18px;
color:#5f5d5d;
float:left;
margin-bottom:5px;
}
#sdd {
text-align:left;
font-size:10px;
padding-right:18px;
color:#5f5d5d;
float:right;
margin-bottom:5px;
}
#sdd a {
color:#5f5d5d;
text-decoration: none;
}
#sdd a:hover {
color:#ff0202;
text-decoration: none;
}
</style>
</head>
<body onload="preloadImages();" >
<div id="container" >
<div id="header" > <a href="index.php" > <img src="images/header.gif" width="995" height="145" alt="Yellow Rose of Texas" border="0" /> </a> </div>
<div id="nav" >
<img src="images/nav/nav_lft.gif" width="444" height="20" alt="" /> <a href="about.php"
onmouseover="changeImages('nav_abt', 'images/nav/nav_abt_over.gif'); return true;"
onmouseout="changeImages('nav_abt', 'images/nav/nav_abt.gif'); return true;"
onmousedown="changeImages('nav_abt', 'images/nav/nav_abt_over.gif'); return true;"
onmouseup="changeImages('nav_abt', 'images/nav/nav_abt_over.gif'); return true;" > <img src="images/nav/nav_abt.gif" alt="" name="nav_abt" id="nav_abt" width="91" height="20" border="0" /> </a> <a href="escorts.php"
onmouseover="changeImages('nav_esc', 'images/nav/nav_esc_over.gif'); return true;"
onmouseout="changeImages('nav_esc', 'images/nav/nav_esc.gif'); return true;"
onmousedown="changeImages('nav_esc', 'images/nav/nav_esc_over.gif'); return true;"
onmouseup="changeImages('nav_esc', 'images/nav/nav_esc_over.gif'); return true;" > <img src="images/nav/nav_esc.gif" alt="" name="nav_esc" id="nav_esc" width="78" height="20" border="0" /> </a> <a href="calendar.php"
onmouseover="changeImages('nav_cal', 'images/nav/nav_cal_over.gif'); return true;"
onmouseout="changeImages('nav_cal', 'images/nav/nav_cal.gif'); return true;"
onmousedown="changeImages('nav_cal', 'images/nav/nav_cal_over.gif'); return true;"
onmouseup="changeImages('nav_cal', 'images/nav/nav_cal_over.gif'); return true;" > <img src="images/nav/nav_cal.gif" alt="" name="nav_cal" id="nav_cal" width="92" height="20" border="0" /> </a> <a href="reservations.php"
onmouseover="changeImages('nav_rez', 'images/nav/nav_rez_over.gif'); return true;"
onmouseout="changeImages('nav_rez', 'images/nav/nav_rez.gif'); return true;"
onmousedown="changeImages('nav_rez', 'images/nav/nav_rez_over.gif'); return true;"
onmouseup="changeImages('nav_rez', 'images/nav/nav_rez_over.gif'); return true;" > <img src="images/nav/nav_rez.gif" alt="" name="nav_rez" id="nav_rez" width="112" height="20" border="0" /> </a> <a href="employment.php"
onmouseover="changeImages('nav_emp', 'images/nav/nav_emp_over.gif'); return true;"
onmouseout="changeImages('nav_emp', 'images/nav/nav_emp.gif'); return true;"
onmousedown="changeImages('nav_emp', 'images/nav/nav_emp_over.gif'); return true;"
onmouseup="changeImages('nav_emp', 'images/nav/nav_emp_over.gif'); return true;" > <img src="images/nav/nav_emp.gif" alt="" name="nav_emp" id="nav_emp" width="105" height="20" border="0" /> </a> <a href="links.php"
onmouseover="changeImages('nav_lnk', 'images/nav/nav_lnk_over.gif'); return true;"
onmouseout="changeImages('nav_lnk', 'images/nav/nav_lnk.gif'); return true;"
onmousedown="changeImages('nav_lnk', 'images/nav/nav_lnk_over.gif'); return true;"
onmouseup="changeImages('nav_lnk', 'images/nav/nav_lnk_over.gif'); return true;" > <img src="images/nav/nav_lnk.gif" alt="" name="nav_lnk" id="nav_lnk" width="73" height="20" border="0" /> </a>
</div>
<div id="title_row" >
<div id="title" > <img src="images/title_rez.gif" width="444" height="73" alt="" /> </div>
<div id="title_right" > <img src="images/title_rt.gif" width="551" height="73" alt="" /> </div>
</div>
<div id="midpage" >
<div id="left_side" > <img src="images/lft_flower.gif" width="103" height="85" alt="" /> </div>
<div id="main" >
<div id="content" >
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes. This is where the copy goes.
</div>
<div id="available" >
<div id="box_top" > Box top</div>
<div id="box_bg" >
testing<br /> testing<br /> testing<br /> testing<br /> testing<br /> testing<br /> testing<br /> testing<br /> testing<br /> testing<br />
</div>
<div id="box_bottom" > Box bottom</div>
</div>
</div>
<div id="right_side" > </div>
</div>
<div id="page_bottom" > <img src="images/footer.gif" width="995" height="99" border="0" alt="" /> </div>
<div id="bottom_row" >
<div id="left_corner" > <img src="../images/lft_corner.gif" width="103" height="19" alt="" /> </div>
<div id="nav_links" >
<a href="about.php" > About</a> <a href="calendar.php" > Calendar</a> <a href="reservations.php" > Reservations</a> <a href="employment.php" > Employment</a> <a href="links.php" > Links</a> <br />
<a href="escorts.php?cityID=" > Houston Escorts</a> <a href="escorts.php?cityID=" > Los Angeles Escorts</a>
</div>
<div id="right_corner" > <img src="../images/spacer.gif" width="103" height="19" alt="" /> </div>
</div>
<hr class="bottom" />
<div id="sdd_row" >
<div id="copyright" >
© </div>
<div id="sdd" >
Designed by Scarlet Diva Designs
</div>
</div> </div>
</body>
</html>
__________________
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Thread Tools
Display Modes
Linear Mode
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
Divs not stretching?
LOL Any suggestions would be greatly appreciated. Thanks in advance!
Linear Mode
