Jump to content

How can I make a single border span the entire browser window?


webuu
 Share

Recommended Posts

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

<!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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...