How to make site auto resize in browsers

[utilla]

How do I make my site automatically resizable in different browsers? I realize that some people use 800x600 others use 1024x768...


my site is:

http://www.hairbegone.ca/test_page.htm

[thenetfreaker]

I think you should use a popup window code, try this:

<script language="javascript">

function jumper() {
var w = screen.width;
if(w<740){
window.open('cat','cat.html','width=650,height=500
toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,');
}
if(w>=740 & w<835){
window.open('hat','hat.html','width=650,height=500
toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,');
}
if(w>=835){
window.open('mat','mat.html','width=650,height=500
toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,');
}
}
</script>

it should do the trick

[utilla]

Thanks! I'll give this a try.

[thenetfreaker]

have fun

[PeOfEo]

or you could just make your layout fluid by using %'s for widths. 13% of the internet does not have javascript so 13% of your users cant use your site if you run that script.

[katipay]

i have a different problem on my site....i use an 800x640 resolution when building my site and my body background on that site runs well in that resolution but when i try viewing in 1024x768 resolution,it shows a tiled body background and i don't want this one....please help....

[PeOfEo]

put this in your head section

body
{
background: #000000
url("/somegif")
no-repeat
/* fixed */
center center;
}

you can change the center center to position to back ground image. Get rid of the /* */ if you want the background to be fixed so it stays when the user scrolls