i am developing a webpage which i am using a template i downloaded from the internet. i added my content to the template through a textarea with a formatting properties and when i preview it the content has extended outside the template thus some portions of the text are displayed outside the region where they are supposed to be display. the template is a centered one,it does not cover the whole of the browser's window. please help.

it would be much easier to help you if we had a link to the page or even the css and html you are using.

A: Don't use position: absolute;
OR
B: Clear your floats

this is the css file

html, body, h1, h2, h3, h4, ul, li {
    margin: 0;
    padding: 0;
}
h1 img {
    display: block;
}
img {
    border: 0;
}
a {
    color: #464544;
}
a:hover {
    color: #FFA405;
}
.left {
    float: left;
}

.right {
float: right;    
}

.more {
    text-align: right;
}
.clear {
    clear: both;
}

body {
    background: #E0D5B7 url(images/page_bg.jpg) repeat-x;
    text-align: center;
    font: 11px verdana, arial, sans-serif;
    color: #74653D;
    padding-bottom: 10px;
    padding-top: 31px;
}

/** layout **/
#wrapper {
    text-align: left;
    margin: auto;
    width: 778px;
  position: relative;
  background: url(images/body_bg.gif) repeat-y;
}

#header {
    position: absolute;
    top: 0;
    left: 243px;
    width: 535px;
    height: 279px;
    background-repeat: no-repeat;
    background-image: url(images/banner1.JPG);
}
#left {
  float: left;
  width: 243px;
}

#logo {
  width: 244px;
  height: 152px;
  background: url(images/header_1.jpg) no-repeat;
  text-align: center;
  color: #595959;
}
#logo h1 {
  padding-top: 30px;
  font: 24px "arial narrow", arial, sans-serif;
}
#logo p {
  margin: 8px 25px 4px 25px;
  border-top: 1px solid #B8B8B8;
  border-bottom: 1px solid #B8B8B8;
  padding: 3px;
  letter-spacing: 0.2em;
  font-weight: bold;
}

#nav {
  background: url(images/nav_left.jpg) no-repeat;
}
#nav ul {
  margin-left: 9px;
  padding-left: 1px;
  padding-bottom: 29px;
  background: #2A2A2A bottom left url(images/nav_bot.jpg) no-repeat;
}
#nav li {
  list-style: none;
  font: 14px "arial narrow", arial, sans-serif;
  border-top: 1px solid #959595;
  background: 188px 10px url(images/arr_white.gif) no-repeat;
  padding: 7px 0 0 31px;
}
#nav a {
  color: #fff;
  text-decoration: none;
  border-left: 1px solid #959595;
  padding-left: 10px;
  display: block;
  width: 90%;
  padding: 2px 0 6px 8px;
}
#nav a:hover {
  text-decoration: underline;
}
#nav .important {
  border: none;
  background: 188px 10px url(images/arr_orange.gif) no-repeat;
}
#nav .important a {
  color: #E9C379;
}

#news {
  background: url(images/news_bg.jpg) repeat-y;
  padding-left: 37px;
  padding-right: 22px;
  padding-bottom: 3px;
  text-align: justify;
}
#news h2 {
  font-size: 12px;
  color: #BE8B06;
}
#news h3, #news p {
  font-size: 11px;
  margin: 1em 8px 1em 0;
}
#news a {
  color: #74653D;
  font-weight: bold;
  text-decoration: underline;
}
#news a:hover {
  color: #38301A;
}
#news .more {
  font-size: 9px;
}
#news .hr-dots {
  background: center url(images/dots.gif) repeat-x;
  height: 10px;
}

#support {
  background: url(images/support.jpg) no-repeat;
  padding: 1px;
  height: 97px;
  color: #1A1A18;
}
#support p {
  margin: 0.7em 2.6em;
}

#right {
  
  width: 490px;
  padding-right: 9px;
  padding-top: 301px;
  float: right;
}

#right h2 {
  font: 18px arial, sans-serif;
  color: #BE8B06;
  border-bottom: 1px solid #C4AE7C;
  padding-bottom: 6px;
  margin-bottom: 1em;
}
#right h3 {
  font: 14px arial, sans-serif;
  color: #BE8B06;
  border-bottom: 1px solid #C4AE7C;
  padding-bottom: 6px;
  margin-bottom: 1em;
  margin-top: 2em;
}
#welcome {
  margin-right: 20px;
}
#profile {
  margin-right: 16px;
}
#right .left {
  margin-right: 18px;
}
#right .more {
  font-weight: bold;
  font-size: 10px;
}

#corp, #indu {
  float: left;
  width: 49%;
}
#corp {
  margin-right: 1%;
}
#corp-img, #indu-img {
  background: url(images/pic_2.jpg) no-repeat;
  width: 112px;
  height: 23px;
  
  margin-right: 18px;
  text-align: center;
  padding-top: 90px;
  font-size: 9px;
  font-weight: bold;
  float: left;
}

#indu-img {
  background: url(images/pic_3.jpg) no-repeat;
}
#spacer {
  height: 2em;
}

#footer {
  background: url(images/footer_bg.gif) repeat-y;
}
#copyright {
  text-align: center;
  padding: 22px 0px 30px 00px;
  font-size: 9px;
  color: #715F36;
  font-weight: bold;
}
#footerline{
    background: url(images/footerline.gif) no-repeat;
    height:10px;
    margin-top:0px;
    display:block;
    font-size:1px;
}

this is the code

<?php require_once('Connections/sql1.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;

  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}
}

  

mysql_select_db($database_sql1, $sql1);
$query_rs_sponsor = "SELECT content_head, content_desc FROM content WHERE keyword = 'sponsors'";
$rs_sponsor = mysql_query($query_rs_sponsor, $sql1) or die(mysql_error());
$row_rs_sponsor = mysql_fetch_assoc($rs_sponsor);
$totalRows_rs_sponsor = mysql_num_rows($rs_sponsor);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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>Wisdom Hostel</title>

    <link href="ddlevelsmenu/ddlevelsfiles/ddlevelsmenu-base.css" rel="stylesheet" type="text/css" />
    <link href="ddlevelsmenu/ddlevelsfiles/ddlevelsmenu-sidebar.css" rel="stylesheet" type="text/css" />
    <link href="ddlevelsmenu/ddlevelsfiles/ddlevelsmenu-topbar.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="ddlevelsmenu/ddlevelsfiles/ddlevelsmenu.js"></script>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
    <div id="header"> </div>
    <div id="left">
      <div id="logo">
        <h1>Wisdom Hostel</h1>
        <p>We are glad to help!</p>
      </div>
      <div id="news" align="center"> 
      <div class="tab">Links</div>
      <div id="ddsidemenubar" class="markermenu">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="student.php" >Student</a></li>
<li><a href="#" rel="ddsubmenuside2">Activities</a></li>
<li><a href="forum.php">Forum</a></li>
<li><a href="download.php" >Downloads</a></li>
<li><a href="gallery.php" style="border-bottom-width: 0">Gallery</a></li>    
<li><a href="sponsors.php" >Sponsorship</a></li>
<li><a href="about.php" >About Us</a></li>
<li><a href="contact.php" >Contact Us</a></li>    
</ul>
</div>

<script type="text/javascript">
ddlevelsmenu.setup("ddsidemenubar", "sidebar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>



<!--HTML for the Drop Down Menus associated with Side Menu Bar-->
<!--They should be inserted OUTSIDE any element other than the BODY tag itself-->
<!--A good location would be the end of the page (right above "</BODY>")-->


<!--Side Drop Down Menu 2 HTML-->

<ul id="ddsubmenuside2" class="ddsubmenustyle blackwhite">
<li><a href="pastevent1.php">Past Events</a></li>
<li><a href="upcomingevent.php">Upcoming Events</a></li>
<li><a href="moraltalk.php">Daily Moral Talk</a></li>
</ul>
      </div>
      <div id="support">
        <p>Call: +3265-9856-789</p>
      </div>
    </div>
    <div id="right">
      <h2>This is our sponsorship page!</h2>
      <div id="welcome">
        <p align="center"><?php echo $row_rs_sponsor['content_head']; ?></p>
        <p><?php echo $row_rs_sponsor['content_desc']; ?></p>
      </div>
      <h3>&nbsp;</h3>
      <div id="profile">
        <div class="clear"> </div>
        <p class="more">&nbsp;</p>
      </div>
    </div>
    <div class="clear"> </div>
    <div id="spacer"> </div>
    <div id="footer">
      <div id="copyright">
        <?php include('copyright.php'); ?>
      </div>
      <div id="footerline"></div>
    </div>
    
  </div>
</body>
</html>
<?php
mysql_free_result($rs_sponsor);
?>

we need the RENDERED page, looking at php code that does something or other is of absolutely no use at all.