I answered this question about a week or two on this list: 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 Sun, Feb 22, 2009 at 5:46 AM, peter <[email protected]> wrote: > > I am trying to have a black vertical bar on the left of my web pages. > I want it to go to the bottom of the page. Here is the code I used in > the style sheet: > > #menu { > position: absolute; > top: 0px; > left: 0px; > padding: 10px; > height: 100%; > width: 200px; > background-image: url(/images/lefttile.gif); > background-repeat: repeat-y; > } > > "lefttile.gif" is a black square. The bar only goes part way down the > pages. > > Any help would be greatly appreciated! > > Thanks, > > Peter > > > > -- -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] -~----------~----~----~----~------~----~------~--~---
