resolution problem HELP!

Hi how you all,

i go this simple problem for all of you, when im making this web design its all damn so good on my pc but then when i upload it and use another resolution my work just dont fit i mean i created it using a 1024 resolution but its scattered on a 800x600.

so how do i load and resize the window to fit the users desired width?

thanks on all of you!

DAMN, I just typed this up once and i had to refresh!

Well, the easiest way to do it is using percentages rather than set pixel amounts. I prefer actually to wrap everything in one big <div> and then have set pixel amounts inside of that. You could also do the same with percentages inside. There's many ways to do so, it's ultimately your choice.

i think its better when i set the table or some other things,use 100% width for it.

if u find any Q,just email me

joe_buggies@yahoo.com

thanks

I am the opposite, i like to design all my sites with fixed lengths and i still design them around an 800 by 600 screen size cos then it flts them all, well unless they reduce the window of cause, that way i can garantee how the site will look, but it does depend on what you are displaying, eg i think a forum site wouldn't need to be fixed where as a shopping site, maybe better being fixed, all depends on you the design, the client who's paying and what the end user will feel confortable with.

Hope that helps sorry if it doesn't

The only problem with fixed pixels on shopping sites is that the high resolution monitors coming out these days are so high that your site appears as a little notepad in the middle of the screen. It all depends though, for good design work you really need to keep it fixed to be creative.


Shopping cart software

but how many average users can afford these high end monitors, not that many, but yes intime i will have to update the site of my sites.

I think most users are using 1024x768, but there is a significant number still using 800x600. I build everything for 800x600...sometimes allowing it to stretch for users with better resolution.

The best way is to design for 800x600 but make it scalable to fit larger resolutions. Basically have an outer table set at 100%. Say you have a left and right nav at 150px each. then your code should look like this:



The "*" in the body section is a little known code for "max possible" and in many cases (especially this one) works better than 100%

Once you get the hang of designing and coding scalable sites it gets very easy - but the first few times its a pain in the ***.

Allways design for 800x600!

but If you want to do it the other way, use relative values, such as percentages.

I design using "elastic boxes" in CSS w/ semantic XHTML, which ensures it looks great at all resolutions.

Consider this website , its perfectly usable at even 640x480 up to 1600x1200.

The thing is you can't do this stuff with tables

"this website" was filtered by my websense (I'm at work).