Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
content extending out of the template
Old 03-21-2009, 05:32 AM content extending out of the template
Skilled Talker

Posts: 54
Trades: 0
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.
kani alavi is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 03-21-2009, 06:35 AM Re: content extending out of the template
Extreme Talker

Posts: 189
Trades: 0
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.
simster is offline
Reply With Quote
View Public Profile
 
Old 03-21-2009, 08:31 AM Re: content extending out of the template
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,519
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
A: Don't use position: absolute;
OR
B: Clear your floats
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 03-23-2009, 03:14 AM Re: content extending out of the template
Skilled Talker

Posts: 54
Trades: 0
this is the css file
Code:
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
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);
?>
kani alavi is offline
Reply With Quote
View Public Profile
 
Old 03-24-2009, 01:25 PM Re: content extending out of the template
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,519
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
we need the RENDERED page, looking at php code that does something or other is of absolutely no use at all.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Reply     « Reply to content extending out of the template
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.21244 seconds with 12 queries