Go Back   Free website templates > Web Template Help > HTML - XHTML - CSS
User Name
Password
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read


Join now to download all the free website templates or post on the forum. If you have never been on a forum before read the FAQ. It's quick, easy and free to join!
Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 09-22-2007, 09:09 AM
Junior Member
 
Join Date: Sep 2007
Posts: 21
westmatrix99 is on a distinguished road
Question Css or Html or whatever can get me 100% height?

Hi I am using this template:
http://www.freewebsitetemplates.com/...hardwarestore/

The left hand side has a column called "categories" and 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!!!

Cheers
West
Reply With Quote
  #2 (permalink)  
Old 09-23-2007, 11:42 AM
Junior Member
 
Join Date: Sep 2007
Posts: 21
westmatrix99 is on a distinguished road
Default

Bump..........
Reply With Quote
  #3 (permalink)  
Old 09-24-2007, 09:55 PM
Junior Member
 
Join Date: Sep 2007
Posts: 21
westmatrix99 is on a distinguished road
Default

I take it nobody knows how to fix this problem.
Who was the developer?
Reply With Quote
  #4 (permalink)  
Old 09-24-2007, 11:19 PM
Junior Member
 
Join Date: Sep 2007
Posts: 12
kalnera is on a distinguished road
Default

look for the width=XXX px where XXX is more than 700 px. Sorry I didn't look at the css code but usually if you look for big number and once you find it you change it and see the effect it has on the page, you'll find the right one. At least that is what I do
Reply With Quote
  #5 (permalink)  
Old 09-25-2007, 06:40 AM
Junior Member
 
Join Date: Sep 2007
Posts: 21
westmatrix99 is on a distinguished road
Question

Thanks for replying, but it's the "height" not "width" that I need to set.
Here is the css that I mad some changes to as these are the culprits.
PHP Code:
html {
 
/*overflow:hidden;*/
}
body{
background-color#ffffff;
font-familytahomaarialsans-serif;
font-size10px;
text-aligncenter;
background-position0px 0px;
margin0 auto;
padding:0;
height:100%; /*this is what I need*/
border:none;
background-imageurl(../images/background.gif);
overflow:auto;
}
#container {
margin0px auto;
width780px;
border-color#000000;
border-width0px 1px 1px;
border-stylesolid;
}
#categories{
margin-bottom1px;
padding1px 1px 1px 0px;
border-color#000000;
border-width1px 1px 1px 0px;
border-stylesolid;
height:100%!important/* real browsers */
height:100%; /* IE6: for min-height*/
min-height:100%; /* real browsers */
position:relative;
}
.
categories{
margin-bottom1px;
padding1px 1px 1px 0px;
border-color#000000;
border-width1px 1px 1px 0px;
border-stylesolid;
height:100%!important/* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
position:relative;

Cheers
West
Reply With Quote
  #6 (permalink)  
Old 09-25-2007, 11:47 PM
Junior Member
 
Join Date: Sep 2007
Posts: 12
kalnera is on a distinguished road
Default

yes, that is correct but what section is it on? There are different sections of the page like header, left column section, main section, right columnt section and footer. you have to be in left column section and look for height and if there is no height I guess you have to add it to right place. I hope this helps
Reply With Quote
  #7 (permalink)  
Old 09-26-2007, 07:01 AM
Junior Member
 
Join Date: Sep 2007
Posts: 21
westmatrix99 is on a distinguished road
Default

I did add it ^above^

The developer is the person who can solve this one.

Thanks anyway though.
Reply With Quote
Reply

Thread Tools
Display Modes

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 On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 12:15 AM.



mouseover mouseover mouseover