I had problems using
DIV tags to design my page layout. When designing, I wanted a column height as 100%. I wrote:
It worked fine in IE but failed in Firefox. I researched so much in the forums and finally, I did the design successfully. Now I am publishing it hoping it will help you!
You should be familiar with CSS. please visit: http://www.w3c.org, http://www.w3schools.com.
Using the code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body style="width:99.8%; border: 1px solid #ff0000 ">
<div id="leftscroll"> </div>
<div id="header">This is the header section</div>
Category 1 <br />
Category 2 <br />
Category 3 <br />
A frequently asked question in CSS forums is how to create pages that stretch vertically to fill the browser window, regardless of the amount
of content. With tables, you would nest your entire design in a table with a single cell and set both the cell and table's height to be 100
percent. With CSS, it's quite simple and easy. In this tutorial, you will learn the basic CSS techniques for making pages fill the browser window,
which you can also use any time you have a
DIV that you want to stretch to fill its parent.
<div id="right">Column 3 content </div>
<div id="footer"><br />This is the footer section<br />Mangrove CM, Vietnam </div>
<div id="rightscroll"> </div>
<div id="rightspace"> </div>