Or, why don't you just set that background image on the body tag and see if it does what you are looking for (Make sure you specify repeat-y).
On Mon, Feb 23, 2009 at 12:42 AM, Richard Aday <[email protected]>wrote: > 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 > -- -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] -~----------~----~----~----~------~----~------~--~---
