Click to See Complete Forum and Search --> : resize webpage to browser size
tizbo1423
09-12-2008, 02:34 PM
simple question: is there anyway to have a website resize according to the browser size/resolution?
i'm building a website for a client and they don't believe me when i say that the site is only tiny on his laptop because he has a very high resolution. he wants me to make it bigger, and when i explain to him that it would be huge on a standard resolution size (either 1100 x 800, or crazy huge on 800x600), he says i'm wrong and that there has to be another way around.
sooo, thats why i'm asking this question. any help?
WebJoel
09-12-2008, 02:51 PM
yes, width="100%" applied to a 'wrapper' that contains everything. It re-sizes to 100% of the available width of any browser.. This is called "fluid design".
elements inside are also percentage-based, and if positioned properly, stay in place.
Could we see some code to get a better idea of what you up against?
JPnyc
09-12-2008, 02:53 PM
If you mean a fluid layout, yes, just use percentage values instead of hardcoded pixels for various element size attributes. If you mean resizing everything including fonts and images, that requires scripting. You can't do that without JavaScript. Unfortunately I've never even opened Dreamweaver, so I can't tell you how did you it in that particular program.
tizbo1423
09-12-2008, 02:56 PM
oh very cool. thanks, i'll try that. hopefully i set the site up right to work that way.
the rough site it up at www.thetsicompany.net/siteV2.
any ideas/suggestions/help is appreciated :)
thanks again
tizbo1423
09-12-2008, 03:24 PM
hm, well trying to get that to work should be interesting, haha. i don't think i built the page well for that. thanks, i'll try it out :)
svidgen
09-12-2008, 03:25 PM
Well I think it looks good. The size seems standard. The only thing I might complain about is the font-size.
Also consider that another option is sizing everything in EMs. This may cause some image graininess and give you a bit of a headache when dealing with background images--though there's a neat CSS workaround for that too. However, if everything is sized according to EMs, the page will scale with the user's preferred font-size rather than their window size. This ensures everything is readable and well-proportioned, even if the user makes their browser window smaller.
Hope that helps.
I combined the threads. Please do not cross post.