2 replies [Last post]
Silenced
Offline
newbie
Last seen: 12 years 14 weeks ago
Timezone: GMT+11
Joined: 2010-02-05
Posts: 3
Points: 4

hey guys im new to these forums.(first post)

just wondering how i would be able fix this problem;

the website is http://silenced.comoj.com/index.php

i've taken some screenies of the problem, which is the left and right border of content and side menus.

here is the SOURCE CODE of the starting page(the one i use as a template to make all the others)

<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>TrueValues - Where the TRUTH is.</title>
<!-- TemplateEndEditable -->
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if lt IE 8]>
<style type="text/css">
.nav{
padding:5px;
</style>
<![endif]-->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="830" id="main"><tr>
<td rowspan="4" colspan="1" width="9" valign="top" id="leftshadow">&nbsp;</td>
<td rowspan="1" colspan="1" valign="top">
<img width="812" height="150" src="images/TRUEVALUES-TRUE.gif"></td>
<td rowspan="9" colspan="1" width="9" valign="top" id="rightshadow">&nbsp;</td>
<tr>
<td rowspan="1" colspan="1" valign="middle" class="nav center">
<a href="index.php">Home</a>
 
<a href="news.php">News</a>
<a href="rarevalues.php">Rare Values</a>
<a href="jobs.php">Jobs</a>
<a href="contact.php">Contact Us</a>
</td>
</tr>
<tr>
 
<td rowspan="1" colspan="1" valign="top" width="800" class="content padded">
  <div style="float: left; padding-left: 1px;"><!-- TemplateBeginEditable name="EditRegion3" -->
    <div id="left">
      <div id="contenttop">Content</div>
      <div class="bigcontent"> You can put a iframe here, rofl. <br>
 <br>
        And yes! Finally. rofll </div>
      <div class="content_bottom"></div>
    </div>
  <!-- TemplateEndEditable -->
    <div id="right">
<div id="teal">Current Time</div>
<div class="box"> 
  <object width="218" height="25" align="middle">
    <param name="movie" value="time.swf">
    <embed src="images/time.swf" width="218" height="25" align="middle"></embed>
  </object>
</div>
<div class="box_bottom"></div>
 
<div id="darkblue">Dates to Remember</div>
<div class="box"> <strong>2/2/2010</strong> - Looking for Graphics Artist</div>
<div class="box_bottom"></div>
 
<div id="lightblue">Current Staff List</div>
<div class="box"> <strong>iDefame </strong></div>
<div class="box_bottom"></div>
</div>
</div>
<center>
  <strong>&copy; TrueValues&trade; 2010 - All Rights Reserved.
  </strong>
</center>
 
</td>
</tr>
</tr>
</table>
</center>
</body>
</noscript>
<div style="text-align: center;"><div style="position:relative; top:0; margin-right:auto;margin-left:auto; z-index:99999">
 
</div></div>
 
</html>

here is the style.css code:

body{
margin:0px;
padding:0px;
background-color:#78bade;
background-image:url(images/bg.gif);
}
 
body, table{
font-family:verdana;
font-size:10px;
}
 
.layout{
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
 
#main{
text-align:left;
}
 
.padded{
padding:5px;
}
 
.content{
color:#000000;
background-color:#ffffff;
}
 
#leftshadow{
background-image:url(images/left-shadow.png);
background-position:center;
background-repeat:repeat-y;
font-size:5px;
}
 
#rightshadow{
background-image:url(images/right-shadow.png);
background-position:center;
background-repeat:repeat-y;
font-size:5px;
}
 
.center{
text-align:center;
}
 
.nav{
	height:22px;
	background-position:center;
	background-color:#00355b;
	background-repeat:repeat-x;
	background-image:url(images/gradient.png);
}
 
.nav a{
	background-color:#00355b;
	color:#FFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	background-position:center;
	background-repeat:repeat-x;
	background-image:url(images/gradient.png);
	font-weight:bold;
}
 
.nav a:hover{
	background-color:#002239;
}
 
#left{
	width: 560px;
	float: left;
	margin-right: 5px;
}
 
#right{
  width:230px;
	float: left;
}
 
 
/* boxes */
 
.box{
	padding-left: 5px;
	padding-right: 7px;
	text-align: left;
	min-width:218px;
	width:auto !important;
	width:230px;
	background-image: url(images/littleboxmiddle.bmp);
}
 
.box_bottom{
	background: url(images/littleboxbottom.bmp);
	width: 230px;
	height: 12px;
	margin-bottom: 10px;
}
 
.bigcontent{
	background: url(images/bigboxmiddle.bmp);
	padding-left: 5px;
	padding-right: 7px;
	text-align: left;
	min-width:540px;
	width:auto !important;
	width:5px;
	font-weight: normal;
}
 
.content_bottom{
	background: url(images/bigboxbottom.bmp);
	width: 560px;
	height: 12px;
	margin-bottom: 10px;
}
 
/* headers */
 
#contenttop{
	background: url(images/black.bmp);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-left:10px;
	padding-right: 5px;
	text-align: center;
	margin-top: 0px;
	font-weight:bold;
	color: #fff;
  min-height:20px;
  height:auto !important;
  height:25px;
 
  min-width:560px;
  width:auto !important;
  width:560px;
 
}
 
#lightblue{
	background: url(images/lightblue.bmp);
	padding-top: 7px;
	padding-left:10px;
	padding-right: 5px;
	text-align: center;
	width: 230px;
	margin-top: 0px;
	font-weight:bold;
	color: #fff;
  min-height:20px;
  height:auto !important;
  height:27px;
 
  min-width:215px;
  width:auto !important;
  width:230px;
}
 
#darkblue{
	background: url(images/darkblue.bmp);
	padding-top: 7px;
	padding-left:10px;
	padding-right: 5px;
	text-align: center;
	margin-top: 0px;
	font-weight:bold;
	color: #fff;
  min-height:20px;
  height:auto !important;
  height:27px;
 
  min-width:215px;
  width:auto !important;
  width:230px;
}
 
#teal{
	background: url(images/teal.bmp);
	padding-top: 7px;
	padding-left:10px;
	padding-right: 5px;
	text-align: center;
	margin-top: 0px;
	font-weight:bold;
	color: #fff;
  min-height:20px;
  height:auto !important;
  height:27px;
 
  min-width:215px;
  width:auto !important;
  width:230px;
}

here is the source code for the main page (the one that looks normal atm):

<html><!-- InstanceBegin template="/Templates/TRUEVALUES.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>TrueValues - Where the TRUTH is.</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if lt IE 8]>
<style type="text/css">
.nav{
padding:5px;
</style>
<![endif]-->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="830" id="main"><tr>
<td rowspan="4" colspan="1" width="9" valign="top" id="leftshadow">&nbsp;</td>
<td rowspan="1" colspan="1" valign="top">
<img width="812" height="150" src="images/TRUEVALUES-TRUE.gif"></td>
<td rowspan="9" colspan="1" width="9" valign="top" id="rightshadow">&nbsp;</td>
<tr>
<td rowspan="1" colspan="1" valign="middle" class="nav center">
<a href="index.php">Home</a>
 
<a href="news.php">News</a>
<a href="rarevalues.php">Rare Values</a>
<a href="jobs.php">Jobs</a>
<a href="contact.php">Contact Us</a>
</td>
</tr>
<tr>
 
<td rowspan="1" colspan="1" valign="top" width="800" class="content padded">
  <div style="float: left; padding-left: 1px;"><!-- InstanceBeginEditable name="EditRegion3" -->
    <div id="left">
      <div id="contenttop">Content</div>
      <div class="bigcontent">          
        <p>valign= </p>
        <p>&nbsp;</p>
        <p>77777</p>
        <p>7777777777777777</p>
      </div>
      <div class="content_bottom"></div>
    </div>
  <!-- InstanceEndEditable -->
    <div id="right">
<div id="teal">Current Time</div>
<div class="box"> 
  <object width="218" height="25" align="middle">
    <param name="movie" value="time.swf">
    <embed src="images/time.swf" width="218" height="25" align="middle"></embed>
  </object>
</div>
<div class="box_bottom"></div>
 
<div id="darkblue">Dates to Remember</div>
<div class="box"> <strong>2/2/2010</strong> - Looking for Graphics Artist</div>
<div class="box_bottom"></div>
 
<div id="lightblue">Current Staff List</div>
<div class="box"> <strong>iDefame </strong></div>
<div class="box_bottom"></div>
</div>
</div>
<center>
  <strong>&copy; TrueValues&trade; 2010 - All Rights Reserved.
  </strong>
</center>
 
</td>
</tr>
</tr>
</table>
</center>
</body>
</noscript>
<div style="text-align: center;"><div style="position:relative; top:0; margin-right:auto;margin-left:auto; z-index:99999">
 
</div></div>
 
<!-- InstanceEnd --></html>

here is the source code for the news.php page (the one that is messed up atm):
<html><!-- InstanceBegin template="../TrueValues™/Templates/TRUEVALUES.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>TrueValues - Where the TRUTH is.</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if lt IE 8]>
<style type="text/css">
.nav{
padding:5px;
</style>
<![endif]-->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="830" id="main"><tr>
<td rowspan="4" colspan="1" width="9" valign="top" id="leftshadow">&nbsp;</td>
<td rowspan="1" colspan="1" valign="top">
<img width="812" height="150" src="images/TRUEVALUES-TRUE.gif"></td>
<td rowspan="4" colspan="1" width="9" valign="top" id="rightshadow">&nbsp;</td>
<tr>
<td rowspan="1" colspan="1" valign="middle" class="nav center">
<a href="index.php">Home</a>
 
<a href="news.php">News</a>
<a href="rarevalues.php">Rare Values</a>
<a href="jobs.php">Jobs</a>
<a href="contact.php">Contact Us</a>
</td>
</tr>
<tr>
 
<td rowspan="1" colspan="1" valign="top" width="800" class="content padded">
  <div style="float: left; padding-left: 1px;"><!-- InstanceBeginEditable name="EditRegion3" -->
    <div id="left">
      <div id="contenttop">Content</div>
      <div class="bigcontent"> Quick Story - How we got here.<br>
        <p>TrueValues was created on the 9th of January 2010. and final tweeking finalized on the 17th January 2010.</p>
        <p>I've put alot of time into finalizing this website in order to be up and running as soon as possible. a little about myself: </p>
        <p>I'm iDefame on <a href="www.habbo.com.au">Habbo AU</a> i first started playing Habbo back in 2004-2005 been on and off since  quiting out of boredo, Lately i've been hoarding rares knowing they  will go up sooner or later. But then was confused with some the prices,  People selling for higher then what was the "real" value (According to  Rare Value Sites HabboZone) so i wanted to make a site that provided  the most spot on values of items in Habbo AU, And here i am now eight  days after deciding im going to seriously make a Rare Values site.        </p>
        <p>- iDefame</p>
        <br>
        Thank you for reading enjoy the Website.</div>
      <div class="content_bottom"></div>
    </div>
  <!-- InstanceEndEditable -->
    <div id="right">
<div id="orangetop">Current Time</div>
<div class="box"> 
  <object width="218" height="25" align="middle">
    <param name="movie" value="http://www.csalim.com/clocks/267241.swf">
    <embed src="images/time.swf" width="218" height="25" align="middle"></embed>
  </object>
</div>
<div class="box_bottom"></div>
 
<div id="greentop">Dates to Remember</div>
<div class="box"> <strong>2/2/2010</strong> - Looking for Graphics Artist</div>
<div class="box_bottom"></div>
 
<div id="yellowtop">Current Staff List</div>
<div class="box"> <strong>iDefame </strong></div>
<div class="box_bottom"></div>
</div>
</div>
<center>
  <strong>&copy; TrueValues&trade; 2010 - All Rights Reserved.
  </strong>
</center>
 
</td>
</tr>
</tr>
</table>
</center>
</body>
</noscript>
<div style="text-align: center;"><div style="position:relative; top:0; margin-right:auto;margin-left:auto; z-index:99999">
 
</div></div>
 
<!-- InstanceEnd --></html>

I dont know much about php as i downloaded this template and started learning to edit it, like changing pictures,colors,bg and header so i need some professional help here.

what i want to do is for it to be like index.php where the left and right border doesnt break no matter how much data you add to it.

NOTE: index.php is exactly like news.php when i add more content.

Silenced
Offline
newbie
Last seen: 12 years 14 weeks ago
Timezone: GMT+11
Joined: 2010-02-05
Posts: 3
Points: 4

sorry forgot to add the

sorry forgot to add the images.

what i want it to look like:
http://img200.imageshack.us/img200/5799/shouldt.jpg

what it looks like when i put to much text in the page:
http://img689.imageshack.us/img689/5290/actually.jpg

Silenced
Offline
newbie
Last seen: 12 years 14 weeks ago
Timezone: GMT+11
Joined: 2010-02-05
Posts: 3
Points: 4

help

anyone?