Need Help With Design Problem

by 3 replies
4
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!
#website design #design #help needed #problem #solve problem
  • add 'width="960"' to the first table tag (without the single quotes)
    • [1] reply
    • 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.
  • Thanks for your help!
Join the discussion

Next Topics on Trending Feed

  • 4

    Need Help With Design Problem

    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!