Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 326
  • Last Modified:

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?
0
APD Toronto
Asked:
APD Toronto
1 Solution
 
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 TorontoAuthor 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
 
chilternPCCommented:
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
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.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now