100% Width

Hi Experts,

I'm starting a new portal site, having lots of dynamic content, with dropdowns, lists, etc... Sort of like EE, but much busier.

How hard is it to make it fit 100% in width in any browser, in any resolution?
APD TorontoSoftware DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Kyle AbrahamsSenior .Net DeveloperCommented:
not hard at all.

I would set a class say full width:


.FullWidth
{
   width: 100%
}

then you can specify the class FullWidth for any object you need it on, including your <td>s and what not.

Hope that helps.
0
APD TorontoSoftware DeveloperAuthor Commented:
but, what about if I had a row of dropdowns... Wouldn't for lower resolutions, some of these dropdowns fall on the row below?
0
Peter HartCommented:
yes, but thats then its not really just about the width. its about the design of the whole website.
for a website to 'fit' any resolution I suggest you use a responsive design.  this isn't just about fitting things across the across, but laying them out differently depending on the screen width.

As you suggest a large screen can have many menu items, whereas a small res screen will probably double up the menus and overlap them.  So you need to use CSS to readjust the layout for different screen resolutions.

To get started try  version 3 of Bootstrap this is a framework that will let you design a responsive website site.  its all explained at this site    http://getbootstrap.com
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.