Am trying to make so no matter how much content I put in the container the site stretches or repeats its self to how much text i put in the index_11
This image shows the image names on my site
Heres the code
Quote:
<!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">
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:800px;
height:500px;
}
#header_ {
position:absolute;
left:0px;
top:0px;
width:800px;
height:117px;
}
#index-02_ {
position:absolute;
left:0px;
top:117px;
width:745px;
height:53px;
}
#index-03_ {
position:absolute;
left:745px;
top:117px;
width:55px;
height:383px;
}
#index-04_ {
position:absolute;
left:0px;
top:170px;
width:186px;
height:1px;
}
#index-05_ {
position:absolute;
left:186px;
top:170px;
width:69px;
height:330px;
}
#content-top_ {
position:absolute;
left:255px;
top:170px;
width:490px;
height:40px;
background-image: url(images/content_top.gif);
}
#button1_ {
position:absolute;
left:0px;
top:171px;
width:186px;
height:36px;
}
#index-08_ {
position:absolute;
left:0px;
top:207px;
width:186px;
height:3px;
}
#button2_ {
position:absolute;
left:0px;
top:210px;
width:186px;
height:36px;
}
#content_ {
position:absolute;
left:255px;
top:210px;
width:490px;
height:1px;
}
#index-11_ {
position:absolute;
left:255px;
top:211px;
width:490px;
height:289px;
background-color: #D7D8D6;
}
#index-12_ {
position:absolute;
left:0px;
top:246px;
width:186px;
height:3px;
}
#button3_ {
position:absolute;
left:0px;
top:249px;
width:186px;
height:36px;
}
#index-14_ {
position:absolute;
left:0px;
top:285px;
width:186px;
height:3px;
}
#button4_ {
position:absolute;
left:0px;
top:288px;
width:186px;
height:36px;
}
#index-16_ {
position:absolute;
left:0px;
top:324px;
width:186px;
height:41px;
}
#button5_ {
position:absolute;
left:0px;
top:365px;
width:186px;
height:36px;
}
#index-18_ {
position:absolute;
left:0px;
top:401px;
width:186px;
height:99px;
}
#index-11_{
width:490px;
float:left;
text-align:center;
background-color:#D9DEE2;
margin: auto;
}
.style3 {background: url("http://www.webmaster-talk.com/images/c_top.jpg"); width: 100%; height: 38px; font-family: Arial, Helvetica, sans-serif; text-align: center; line-height: 28px; }
#wrapper{
background:url("http://www.webmaster-talk.com/images/main_bg.jpg");
width:960px;
/* The following values will place this div in the middle, and since we put every div inside the wrapper it will render the whole page in the middle of the page.*/
margin:0px auto;
padding:0px;
}
-->
</style>
</head>
<body background="bg.jpg" style="background-color:#FFFFFF;">
<div id="wrapper">
<div id="header_">
<img id="header" src="http://www.webmaster-talk.com/images/header.gif" width="800" height="117" alt="" />
</div>
<div id="index-02_">
<img id="index_02" src="http://www.webmaster-talk.com/images/index_02.gif" width="745" height="53" alt="" />
</div>
<div id="index-03_">
<img id="index_03" src="http://www.webmaster-talk.com/images/index_03.gif" width="55" height="383" alt="" />
</div>
<div id="index-04_">
<img id="index_04" src="http://www.webmaster-talk.com/images/index_04.gif" width="186" height="1" alt="" />
</div>
<div id="index-05_">
<img id="index_05" src="http://www.webmaster-talk.com/images/index_05.gif" width="69" height="330" alt="" />
</div>
<div id="content-top_"></div>
<div id="button1_">
<img id="button1" src="http://www.webmaster-talk.com/images/button1.gif" width="186" height="36" alt="" />
</div>
<div id="index-08_">
<img id="index_08" src="http://www.webmaster-talk.com/images/index_08.gif" width="186" height="3" alt="" />
</div>
<div id="button2_">
<img id="button2" src="http://www.webmaster-talk.com/images/button2.gif" width="186" height="36" alt="" />
</div>
<div id="content_">
<img id="content" src="http://www.webmaster-talk.com/images/content.gif" width="490" height="1" alt="" /> </div>
<div id="index-11_">
<div class="style3"></div>
</div>
<div id="index-12_">
<img id="index_12" src="http://www.webmaster-talk.com/images/index_12.gif" width="186" height="3" alt="" />
</div>
<div id="button3_">
<img id="button3" src="http://www.webmaster-talk.com/images/button3.gif" width="186" height="36" alt="" />
</div>
<div id="index-14_">
<img id="index_14" src="http://www.webmaster-talk.com/images/index_14.gif" width="186" height="3" alt="" />
</div>
<div id="button4_">
<img id="button4" src="http://www.webmaster-talk.com/images/button4.gif" width="186" height="36" alt="" />
</div>
<div id="index-16_">
<img id="index_16" src="http://www.webmaster-talk.com/images/index_16.gif" width="186" height="41" alt="" />
</div>
<div id="button5_">
<img id="button5" src="http://www.webmaster-talk.com/images/button5.gif" width="186" height="36" alt="" />
</div>
<div id="index-18_">
<img id="index_18" src="http://www.webmaster-talk.com/images/index_18.gif" width="186" height="99" alt="" />
</div>
</div>
</body>
</html>
|
Last edited by matt159 : 03-23-2008 at 10:11 AM.
|
