Guest Posted March 24, 2006 Share Posted March 24, 2006 I am using the Classic skin and in layout.css i found that the div that contains all the others is the #pageSurround (figures) i can alter the width but when i add "height: 100%;" i expect for the entire div to fit the screen 100% in height (living the bottom for the Powered by footer) i have seen some manuals that there must be set a value before the div, so that the div can figure what 100% means. i tried placing the value in the body <body height="100%"> in index.tpl but i still can't make it work. i 've been trying this for hours before posting, and search all forums for relevant problem. any help???? :huh: Quote Link to comment Share on other sites More sharing options...
roban Posted March 24, 2006 Share Posted March 24, 2006 Try Markcarts Classic Full Screen skin. $2.00. Quote Link to comment Share on other sites More sharing options...
markscarts Posted March 24, 2006 Share Posted March 24, 2006 body {height:100px} means nothing in this case. To use a percentage for height property, you must have a static height setting on the parent element, not another percentage setting. Also, you should be aware that cross-browser compatibility makes using a percentage for height rarely feasible. http://www.w3schools.com/css/pr_dim_height.asp Quote Link to comment Share on other sites More sharing options...
Guest Posted March 25, 2006 Share Posted March 25, 2006 thanks mark, i think i got it to work here is what i did inside index.tpl right before the pagesurround div i insert a table <table width="798" border="0" height="100%" align="center"> <tr> <td> and at the bottom i close it right after the </div> </td> </tr> </table> the only problem is that i have to delete the 2nd line in index.tpl to make it work!!! <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> if this line is on nothing happens, removing it works fine. Quote Link to comment Share on other sites More sharing options...
Robsta Posted March 25, 2006 Share Posted March 25, 2006 Also, you should be aware that cross-browser compatibility makes using a percentage for height rarely feasible.Works on my skins nicely ... although it is easy to break sometimes during development . Quote Link to comment Share on other sites More sharing options...
Guest Posted March 25, 2006 Share Posted March 25, 2006 I have used both the legend and classic 100% width templates from markscarts for my clients sites and they are fantastic :) Quote Link to comment Share on other sites More sharing options...
Guest vrakas Posted March 25, 2006 Share Posted March 25, 2006 It can be done, i have done it with both also Easy solution ..... Marks ready one :) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.