Website width for best result - different screen size

[james341 0]

i'm building up a new site for my college course and i want to know what is the best width to use for the site . i know theres a lot of different screen sizes from 10 to 27 - so how can we make the size to be perfect for all screen sizes? i know theres some option to make the site to auto resize it self accordingly to the screen size you use. even on my 15' macbook pro i see there's a problem with the menus when you open it up in google chrome and with firefox chrome - the menu is O.k firefox - the menu problem

[cmunns 16]

What's your CSS look like? Untouched? You could do something like this to make sure that your nav is always 100% and equally spaced between items, however it will cause a weird effect on longer nav names ` #primary-nav ul.main-nav.nosearch {width:100%;} #primary-nav ul.main-nav li {width:11.1111%;text-align:center;} ` The alternative is to just adjust the padding so that it doesn't wrap on bigger screens...and of course a more involved soluton http://particletree.com/features/dynamic-resolution-dependent-layouts/

[james341 0]

you are right about the coding you gave me - weird effect on longer nav names i have. what do you mean adjust the paddings ?

[catrina 103]

Adjusting the paddings means changing the padding numbers (i.e. padding-left: 3px to padding-left: 2px;) so that the navigation fits the screen.