How do I get my web page to look same on different computers?

Discussion in 'HTML & Website Design' started by mlao, Mar 26, 2009.

  1. #1
    Okay, so I've developed this web-site and I'm trying to roll it out to a couple of my users , but on their screens, it doesn't look like it does on my pc. The controls are all spread out. Some are down under where they would be on my machine. There are controls on controls. In other words, its a mess on their computer, even though we're all using the same browser. Their monitors are considerably larger than mine though. How can I get my website to present a stable, to look same on different computers?
     
    mlao, Mar 26, 2009 IP
  2. justinlorder

    justinlorder Peon

    Messages:
    4,160
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Pls notice the screen resolution . It might be a reason .
     
    justinlorder, Mar 27, 2009 IP
  3. qazu

    qazu Well-Known Member

    Messages:
    1,834
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    165
    #3
    Yes, large wide screens do have the tendency to make your page look rather insubstantial when you use a liquid layout. A max-width will controll a the layout but you would probably want to center the layout as it will look better.
     
    qazu, Mar 27, 2009 IP
  4. paganheart

    paganheart Peon

    Messages:
    107
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #4
    there are many sites out there that have resolution and browser simulations. So, without your having to install every imaginable browser out there to test your site design on or repeatedly change your screen resolution, you simply enter your url in and it will show you what your site looks like on pretty much anything, with any resolution.

    It's called checking your site's "accessibility". Here's one site I found with a quick search
    http://www.yourhtmlsource.com/accessibility/testing.html

    p.s. I also recommend checking mobility compatibility. Aka, make your site viewable via mobile browser (cell phones). It's also important.

    The above said, use css style that allows for resizing. Percents rather than fixed widths. Font size in em rather than px, and so on.
     
    paganheart, Mar 27, 2009 IP