webuu Posted September 8, 2012 Share Posted September 8, 2012 I am creating a layout. I have a left navigation box that has a right solid border, an auto width and a float left. I want to set the right border to go from the top all the way to the bottom of the browser window even if it is resized. If I set height to 100% it disappears. If I set the height to auto, then it's only as high as the content. I don't want to set a specific pixel size, because as I said I want to be able to resize the browser. I am using an xhtml doctype and IE8. Link to comment Share on other sites More sharing options...
dsonesuk Posted September 8, 2012 Share Posted September 8, 2012 code, link anything? Link to comment Share on other sites More sharing options...
DarkxPunk Posted September 9, 2012 Share Posted September 9, 2012 <!DOCTYPE html><html style="height: 100%;"><head> <meta charset="utf-8"> <title></title></head><body style="height: 100%;"> <div style="width: 100px;min-height: 100%;height: auto !important;height: 100%;border-right: 1px solid #000000;"> <ul> <li>One</li> <li>Two</li> <li>Three</li> </ul> </div></body></html> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now