Client Side Things
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Codewalkers Forums > Other Technologies > Client Side Things
Reload this Page

Css or Html or whatever can get me 100% height?

Discuss Css or Html or whatever can get me 100% height? in the Client Side Things forum on Codewalkers.
Css or Html or whatever can get me 100% height? Here is a place to talk and ask questions about HTML, CSS, Javascript, and other client side technologies.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Codewalkers Forums Sponsor:
  #1  
Old September 25th, 2007, 06:35 AM
westmatrix99's Avatar
westmatrix99 westmatrix99 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Posts: 288 westmatrix99 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 51 m 47 sec
Reputation Power: 2
Question Css or Html or whatever can get me 100% height?
Hi I am using a template:
The left hand side has a column called "categories"
I would like to get that to fit 100% of the page on the left.

How do I do this in css or html or whatever can do this?

I have been searching for days now to find a solution - that hopefully someone has a fix for, but nothing!!!

Attached is the css that is the problem?
PHP Code:
 html {
 /*overflow:hidden;*/
}
body{
background-color: #ffffff;
font-family: tahoma, arial, sans-serif;
font-size: 10px;
text-align: center;
background-position: 0px 0px;
margin: 0 auto;
padding:0;
height:100%; /*this is what I need*/
border:none;
background-image: url(../images/background.gif);
overflow:auto;
}
#container {
margin: 0px auto;
width: 780px;
border-color: #000000;
border-width: 0px 1px 1px;
border-style: solid;
}
#categories{
margin-bottom: 1px;
padding: 1px 1px 1px 0px;
border-color: #000000;
border-width: 1px 1px 1px 0px;
border-style: solid;
height:100%!important; /* real browsers */
height:100%; /* IE6: for min-height*/
min-height:100%; /* real browsers */
position:relative;
}
.categories{
margin-bottom: 1px;
padding: 1px 1px 1px 0px;
border-color: #000000;
border-width: 1px 1px 1px 0px;
border-style: solid;
height:100%!important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
position:relative;
} 
__________________
Cheers
West
Reply With Quote
  #2  
Old September 25th, 2007, 02:05 PM
westmatrix99's Avatar
westmatrix99 westmatrix99 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Posts: 288 westmatrix99 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 51 m 47 sec
Reputation Power: 2
Bump...
Reply With Quote
  #3  
Old September 28th, 2007, 09:01 AM
NetSurfer NetSurfer is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Jul 2007
Posts: 82 NetSurfer User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 Day 16 h 46 m
Reputation Power: 2
May be this will help you:

html,body {height:100%}

If not then post your html code here. Then I'll be able to try it on my machine and tell you exactly how to solve your problem.
Last edited by NetSurfer : September 28th, 2007 at 09:04 AM.
Reply With Quote
  #4  
Old September 28th, 2007, 09:11 AM
westmatrix99's Avatar
westmatrix99 westmatrix99 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Posts: 288 westmatrix99 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 51 m 47 sec
Reputation Power: 2
Ok cool thanks I am getting the code now.
Reply With Quote
  #5  
Old September 28th, 2007, 09:14 AM
westmatrix99's Avatar
westmatrix99 westmatrix99 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Posts: 288 westmatrix99 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 51 m 47 sec
Reputation Power: 2
Thumbs up
Quote:
Originally Posted by NetSurfer
May be this will help you:

html,body {height:100%}

If not then post your html code here. Then I'll be able to try it on my machine and tell you exactly how to solve your problem.


PHP 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>©</title>
<link href="css/style2.css" rel="stylesheet" type="text/css" title="default"/>
<link href="css/style.css" rel="alternate stylesheet" type="text/css"  title="alternate" />
<script type="text/javascript" src="js/styleswitcher.js"></script> 
</head>

<body>
<div id="container">
<?php include('topnav.php'); ?>
<?php include('menu.php'); ?>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td width="200" valign="top"><?php include('main_menu.php'); ?></td>
    <td valign="top"><table width="100%%" border="0" cellpadding="5" cellspacing="0" class="bhome">
      <tr>
        <td valign="top"><h1 align="left" id="header"><?php echo $row_rsabout['header']; ?></h1></td>
      </tr>
      <tr>
        <td valign="top"><p align="left"><?php echo nl2br($row_rsabout['aboutus']); ?></p></td>
      </tr>
    </table></td>
    <td width="200" valign="top"><?php if ($totalRows_rsimage > 0) { // Show if recordset not empty ?>
      <table width="100%" border="0" cellspacing="0" cellpadding="5">
        <tr>
            <td valign="top">&nbsp;</td>
        </tr>
        <tr>
            <td valign="top">&nbsp;</td>
        </tr>
        <tr>
            <td valign="top"><?php do { ?>
              <div align="center"><img src="uploads/<?php echo $row_rsimage['imagename']; ?>" alt="" border="0" usemap="#Map" /></div>
              <br />
              <?php } while ($row_rsimage = mysql_fetch_assoc($rsimage)); ?></td>
        </tr>
        <tr>
            <td>&nbsp;</td>
        </tr>
      </table>
      <?php } // Show if recordset not empty ?></td>
  </tr>
  <tr>
    <td width="200">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="200">&nbsp;</td>
  </tr>
</table>
</div>
<div>
<?php include('footer.php'); ?>
</div>
</body>
</html> 
Last edited by westmatrix99 : September 28th, 2007 at 09:18 AM.
Reply With Quote
  #6  
Old September 28th, 2007, 09:16 AM
westmatrix99's Avatar
westmatrix99 westmatrix99 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Posts: 288 westmatrix99 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 51 m 47 sec
Reputation Power: 2
The include file "main_menu.php"
PHP Code:
<table border="0" align="left" cellpadding="0" cellspacing="2" class="categories">
      <tr>
        <td colspan="3" class="categories_header"><div align="center">Electronics</div></td>
      </tr>
      <tr>
        <td colspan="3" nowrap="nowrap"><div class="categories_choices"><a href="electronics.php" class="categories_links">Closed Circuit Television Systems</a></div></td>
      </tr>
      <tr>
        <td colspan="3" nowrap="nowrap"><div class="categories_choices"><a href="cacs.php" class="categories_links">Customized Access Control Systems</a></div></td>
      </tr>
      <tr>
        <td colspan="3" nowrap="nowrap"><div class="categories_choices"><a href="ess.php" class="categories_links">Electronic Security Systems</a></div></td>
      </tr>
      <tr>
        <td colspan="3" nowrap="nowrap"><div class="categories_choices"><a href="elecsys.php" class="categories_links">Electrical Systems</a></div></td>
      </tr>
      <tr>
        <td colspan="3" nowrap="nowrap"><div class="categories_choices"><a href="microwave.php" class="categories_links">Microwave Security</a></div></td>
      </tr>
      <tr>
        <td nowrap="nowrap"><div class="categories_choices"><a href="intellisurge.php" class="categories_links">Intellisurge</a></div></td>
      </tr>
      <tr>
        <td nowrap="nowrap"class="categories_header"><div align="center">Information Technology </div></td>
      </tr>
      <tr>
        <td nowrap="nowrap"><div class="categories_choices"><a href="computer.php" class="categories_links">Computer Systems</a></div></td>
      </tr>
      <tr>
        <td nowrap="nowrap"><div class="categories_choices"><a href="prd.php" class="categories_links">Printer Repair Division</a></div></td>
      </tr>
      <tr>
        <td nowrap="nowrap"><div class="categories_choices"><a href="networks.php" class="categories_links">Networking Software</a></div></td>
      </tr>
      <tr>
        <td colspan="3" nowrap="nowrap">&nbsp;</td>
      </tr>
    </table> 
Reply With Quote
  #7  
Old September 29th, 2007, 03:20 PM
westmatrix99's Avatar
westmatrix99 westmatrix99 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Posts: 288 westmatrix99 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 51 m 47 sec
Reputation Power: 2
Question
Quote:
Originally Posted by NetSurfer
May be this will help you:

html,body {height:100%}

If not then post your html code here. Then I'll be able to try it on my machine and tell you exactly how to solve your problem.


I take it that it's not that easy?
Reply With Quote
  #8  
Old October 7th, 2007, 08:05 AM
jcarouth's Avatar
jcarouth jcarouth is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: College Station, TX
Posts: 57 jcarouth User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 Day 14 h 40 m 15 sec
Reputation Power: 2
Send a message via AIM to jcarouth Send a message via MSN to jcarouth Send a message via Yahoo to jcarouth
Quote:
Originally Posted by westmatrix99
I take it that it's not that easy?
is this page somewhere on the internet so that we can look at the page in question?
Reply With Quote
  #9  
Old October 7th, 2007, 08:12 AM
westmatrix99's Avatar
westmatrix99 westmatrix99 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Posts: 288 westmatrix99 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 51 m 47 sec
Reputation Power: 2
Have not released it, in fear of not having what I need.
Reply With Quote
  #10  
Old October 7th, 2007, 08:25 AM
jcarouth's Avatar
jcarouth jcarouth is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: College Station, TX
Posts: 57 jcarouth User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 Day 14 h 40 m 15 sec
Reputation Power: 2
Send a message via AIM to jcarouth Send a message via MSN to jcarouth Send a message via Yahoo to jcarouth
ok, so can you include an example of the RENDERED html, i.e. a full snapshot in code of the page after the php processing has taken place.

also include the source for the javascript if it is relevant and both stylesheets. it's hard to figure out what your problem is without being able to see what your problem is.
Reply With Quote
  #11  
Old October 7th, 2007, 08:30 AM
westmatrix99's Avatar
westmatrix99 westmatrix99 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Posts: 288 westmatrix99 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 51 m 47 sec
Reputation Power: 2
You can copy the ^^^ above code ^^^ and remove the extras that aren't needed for viewing.
Reply With Quote