Need Help With Design Problem

3 replies
  • WEB DESIGN
  • |
I need some help from an expert web designer. We have a website online that is a resource for consumers with lots of original content designed in basic html through Dreamweaver. But we've run into a problem. The design comes out very awkward as seen on many larger monitors. Here's a snap shot of what it looks like on a 22-inch monitor: imm.io - www.housingpredictor.com.png

How do we fix this to display properly on all monitor sizes? Any help would be greatly appreciated! Thanks in advance!
#design #help needed #problem #solve problem
  • Profile picture of the author SteveJohnson
    add 'width="960"' to the first table tag (without the single quotes)
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[3956315].message }}
    • Profile picture of the author ronc0011
      Setup your CSS using floats. This will give you a page that resizes with the browser window. You will also have to set min-width values so the divs don't start stacking but it's a pretty simple thing to do. You will probably also want to set max-width values for your "p" tags so the text won't run too wide on wider monitors.

      By using floats each columns width is a % of the total window width. div widths, margin widths, border widths, etc all have to add up to 100% or maybe slightly less.


      Do some Googling on "liquid layouts" and you should find enough information to figure out just what to do and what and where to tweak.
      {{ DiscussionBoard.errors[3956543].message }}
  • Profile picture of the author likemike
    Thanks for your help!
    Signature
    https://WhereHouse.com Premium e-commerce domains
    {{ DiscussionBoard.errors[3961851].message }}

Trending Topics