Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies

Designing for browser window height?



12:24 am on Jan 6, 2006 (gmt 0)

10+ Year Member

Hi all,

Hoping someone can help me out with this. I'm not really doing strict fluid or fixed design, but I'm trying to figure out a way to get the main container table on each of the pages in my site to be as tall as the visitor's browser window appears (with no scrolling). Of course, this will be different depending on the viewer's resolution. I'd also like to include a table row that will show up at the bottom of the screen with some basic text links (contact, about, etc.).

Does anyone have any tips on how to go about doing this?

Thanks in advance!


9:04 pm on Jan 6, 2006 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

This can quickly become quite complex -- especially with all the small screens (phones, pdas and so on) coming into play.

I'm not at all convinced (and I've worked with several clients who used this approach) that there is any advantage for a website that's even near worth the extra effort. However, if you go forward with it, be sure that your scripting is not measuring the browser resolution, but the actual window height.


9:12 pm on Jan 6, 2006 (gmt 0)

10+ Year Member

There is an easy way of doing this, position:fixed, but unfortunately IE does not interpret it correctly so you have to use javascript to calculate the window height and then move it as the user scrolls. There are a ton of scripts out there that do that, I used one and repurposed it for a persistant ticker like you see on news shows.


1:27 am on Jan 8, 2006 (gmt 0)

10+ Year Member

Thanks guys. Monkey, sent you a PM. :)

Featured Threads

Hot Threads This Week

Hot Threads This Month