SitePoint Sponsor |
|
User Tag List
Results 1 to 2 of 2
-
Jan 5, 2004, 12:03 #1
- Join Date
- Nov 2003
- Location
- Canada
- Posts
- 8
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Problems with a layer with a "height: 100%" attribute
G'day all!
I'm having issues with a pesky little layer. The problem is not too bad, but I'd like to figure it out. This layer: <div id="LayerSidebar" style="position:absolute; left:30px; top:172px; width:1px; height: 100%; z-index:3"></div> looks great on most of my pages, but when there's a lot of content it starts to leave white space near the bottom of the screen. I thought that with the height: 100% variable the line should go to the bottom no matter what. Am I wrong? How do I get it to go all the way to the bottom? Check out http://www.zorianka.com/Templates/current_events.html to see what I mean. Thanks a bunch!
-
Jan 5, 2004, 14:35 #2
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
I thought that with the height: 100% variable the line should go to the bottom no matter what
However, if all you are just using the div for is to put a red line down the page then why don't you use a background image in the body element and then you can repeat it all the way down the y-axis.
Code:body { background-image: url(line.gif); background-repeat: repeat-y; background-position: 100px 0; }
Hope this was what you were trying to do.
Paul
Bookmarks