width help

windows · Jan 9, 2008

ok, 
 
I decided that since using % in widths makes my site look like crap in small browsers so ill start making it so small browsers have to scroll (better than everything getting crunched up) 
 
so i need to know some things 
 
 
what sould i set up the widths to be 
800 x 600? that seems like the default for sites but then theres a big space of nothing to the right of the site if there using a larger browser 
 
and when i did set it up like that, even though i have a 800 x 600 browser, i would have to scroll horizontaly after putting something longer than 765. whats up with that? 
 
just a couple of questions there, any help wuld be much apreciatedit's always better to use %'s. 
 
you can also have a script that will detect the users resolution and then redirect them to that page where the width is hard coded. try 750 instead of 795. 
 
 
most common is 800x600 and up. very rarely anymore you will find 640x480. if the page is not so crunched together it should look ok if you use %'sGREGO, 
You can write a blank html page to include the following javascript code, which contains a screen detection script to redirect users depending on their screen size. Hope this makes sense... 
 
This is the javascript screen detection code which should go on your blank html page: 
<html> 
<head> 
</head><body 
<script language = "javascript"> 
var correctwidth=800 
var correctheight=600 
if (screen.width=correctwidth||screen.height=correctheight) 
{ 
document.location.href=http://www.htmlforums.com/archive/index.php/"smallscreen.html" 
} 
else 
document.location.href=http://www.htmlforums.com/archive/index.php/"bigscreen.html" 
} 
</script> 
 
(Smallscreen.html is your page set-up for 800 x 600 users, and bigscreen.html is your page for anyone above this.) 
 
Not sure if this is what you were after, and as yet I haven't tested it, but it should work...I think. 
 
If you want a simple browser detection script, just put in: 
 
<script language = "javascript"> 
var correctwidth=800 
var correctheight=600 
if (screen.width!=correctwidth||screen.height!=correctheight) 
{ 
document.write("This site is optimised for 800 x 600 screens. Please change your resolution!") 
</script>I don't believe that you really think fixed width sizes are better than relational (%). If your table looks pants on small browser then set a minimum width setting. 
 
How? 
 
Simple, add an extra row to your table and insert a 1x1 transparent gif, setting its width the minimum length. 
 
E.g. 
 
<table> 
<tr>  
<td><img src=http://www.htmlforums.com/archive/index.php/"spacer.gif" width="[minlength]" height ="1"></td> 
</tr> 
<tr>  
<td>blah blah blah</td> 
</tr> 
</table> 
 
 
Don't give up on flexible tables as a liquid design always wins over a static one

ok but when someone on something smaller than 800 x 600 
 
the games start to skip and it looks funky and the middle gets all small, here is a screen shot using a small screen resolution which some ppl do actually use. 
 
<a class="postlink" href="http://www.geocities.com/internetfriends2001/1.html">http://www.geocities.com/internetfriends2001/1.html</a> 
 
 
 
thanks for your replyshere is a screen shot using a 640 x 480 browser, the site looks like crap becouse of the % width style, just look at ithow does tha tlook like crap? if you tone down your font size a little I think it should be ok.Glad you said that scoutt I was thinking exactly the same. As I said previously, if you want a minimum width the place a spacer image in to achieve that affect. 
 
Personally, I can't see anything wrong with either screen shot, also since the advent of faster PC's and larger monitors (who get's a 15" monitor nowadays when purchasing a PC) it is unusual for web sites to be viewed at any resolution less than 800 x 600.ok cool, you have all convinced me, thanks to you all for your replys!

width help

windows

Guest