find out the size of the users browser?

BIGmrC

Hiya Everyone,
Can anyone tell how to find out the size of the users browser?

Whant I want to do is to find out the users screen size so I can take to header row height and footer height of the value then put the value that is left on the content row.
So the page has a frame around the edge of the browser for that user.

At the moment I've got the content in a Table which is size at 100% on the height value so it fills the space to the edge, but NetScape take the 100% meaning the whole browser so that you cant see the header or footer.

Thanks
BIGmrC

axo

finding out the browsers size is only possible with javascript, and this, unfortunately, is not reliable.

try boxing tables.

e.g.

...
<body>
<table width=100% height=100% border=0 ... >
<tr><td valign=top height=100>
// enter your header here
</td></tr>
<tr>
<td>
// enter your content here
</td>
</tr>
<tr><td valign=bottom height=100>
// enter your footer here
</td></tr>
</table>
</body>
...

.... but this is unfortunately not a guarantee that it will work with all browsers, because giving tables a 'height' is not html 4.01 transitional either.
play a bit with css ... give the table some class name and define the height that way. should work better.

just some ideas.

greets
axo

mcgruff

Can't do it in php. Have to go client side using js vars: screen.availHeight and screen.availWidth.

BIGmrC

Thanksyou both.
I use CSS and used to do all the sizing in the CSS file, but NS does not read the width or height values in CSS.

I'll try JS instead, its just I'm trying not to use JS if I can do it in another language.

Many Thanks

mcgruff

I'll try JS instead, its just I'm trying not to use JS if I can do it in another language.

Yeah, best avoided if possible.

drawmack

NS uses min-height and max-height instead of just height. Though newer NS uses height but it uses it as an absolute and will not grow to accomodate data, which is yuck.

What I do is use two style sheets
1) IE - that is throoughly tested in IE.
3) All Others that is thoroughly tested in Opera, Maya, Mozilla Firebird & NS (this one is also w3c css compliant while the other one may not be).

Then I can use php to determine which style sheet to load by using this:

function load_style() {
  global $_SERVER;
  $style = (eregi('msie',$_SERVER['HTTP_USER_AGENT'])) ? 'main_ie.css' : 'main.css';
  echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"sptFiles/$style\" />\n";
} //end load_style