Here is an example on how to do it. The trick is with the CSS rule for html and body. * viewport.html*
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd";> <html> <head> <title>ViewPort Example</title> <link rel="stylesheet" type="text/css" href="viewport.css"> </head> <body> <div id="example">This div has 100% height and width of the viewport</div> </body> </html> *viewport.css* html, body { overflow: hidden; height: 100%; } #example { height: 100%; background-color: blue; } On Mon, Jan 26, 2009 at 11:36 PM, greencube <[email protected]> wrote: > > The whole design (header, columns, footer) should fill the browser > window (viewport) and have a 100% height. > Center-div should grow then you resize the browser window (fill the > parent element). > > - > Erik > > > On 26 Jan, 23:17, Richard Aday <[email protected]> wrote: > > Define 100%. 100% of the parent element? Or 100% of the viewport? > > > > > > -- > > -Richard Aday > > > -- -Richard Aday --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] -~----------~----~----~----~------~----~------~--~---
