WebFX Dynamic Webboard (Static Version)

WebFX WebBoard

Message Thread:

Making the tab pane control 100% page height, Steve Noyce, February 24, 2004

Re:Making the tab pane control 100% page height, Erik Arvidsson, February 24, 2004

Subject: Re:Making the tab pane control 100% page height From: Erik Arvidsson Date: February 24, 2004

This is the classic CSS height issue. You should be able to find lots of info about this using Google.

One way to get this done without using scripting for the vertical layout can be achieved by setting the height (and more) for the body and html element.

html, body {
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

body {
overflow: auto;
}

Once the body has a height its children can have percentage heights.

erik

Reply
Name:
Email:
Subject:
Enter your reply to this message below. HTML tags are not supported but words that start with http://, ftp:// or mailto: are converted to links.
This is the classic CSS height issue. You should be able to find lots of info about this using Google. One way to get this done without using scripting for the vertical layout can be achieved by setting the height (and more) for the body and html element. html, body { margin: 0; padding: 0; border: 0; width: 100%; height: 100%; overflow: hidden; } body { overflow: auto; } Once the body has a height its children can have percentage heights. erik