Making things appear the same in every browser & screen size

Discussion in 'HTML & Website Design' started by AdrianMoss, Sep 4, 2008.

  1. #1
    I didn't quite know how to describe my issue in the title and I'm sure it's probably a basic fix.

    I'm creating a website in Dreamweaver and if I look at it on my 24" monitor it appears how I would like it to (I'm doing the designing on this computer) but if I go look at my laptop with a 15" screen it appears out of line.

    I'm wondering how I can 'center' things so they appear the same on everyones screen. Hopefully that makes sense.
     
    AdrianMoss, Sep 4, 2008 IP
  2. AdrianMoss

    AdrianMoss Active Member

    Messages:
    159
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #2
    This has to be possible...anyone?
     
    AdrianMoss, Sep 5, 2008 IP
  3. LuisMiranda

    LuisMiranda Peon

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Well it depends if you're using divs (margin-left: auto; margin-right:auto to center) or tables (align="center"), also make sure that the width isn't very large as it would not fit in smaller screens.
     
    LuisMiranda, Sep 5, 2008 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    Mistake 1.

    Same browser? Different screen resolution?

    Learning the ins and outs of all the different screen resolutions, browser behaviors and system metrics is a long and complex process - and starting out in Dreamweaver it's unlikely you'll find out about them, especially if you are using it's WYSIWYG mode.

    Do yourself a favor, burn the packaging, shred the manual, recycle the CD's for microwave art, and de-install that bloated pile of rubbish known as dreamweaver - and go get yourself a nice plain text editor and learn HTML/CSS.

    Because the only thing you can learn from Dreamweaver is how NOT to design a website.
     
    deathshadow, Sep 5, 2008 IP
  5. ThirdDash

    ThirdDash Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    The problem isn't Dreamweaver (which is actually quite a useful tool *if* utilized properly) The problem is when the designer / developer doesn't know what they are doing. I design in DW with code view enabled and preview my site on the various browsers I have installed. Before deploying the site i check with browsershots.org (which is an invaluable tool for any developer).

    I'm not sure why your site looks different on the two machines, chances are you have not set the dimensions correctly in your CSS. You basically need to give more information if you want people to help you out though.

    1) What browser are you previewing the site on ?
    2) What version number ?
    3) Host the site and let people look at the source and CSS

    It isn't 100% possible to make a site look the same on every browser, simply because there are quite a few browsers out there and each one implements WC3 standards in their own way. Just between IE, FF and Opera things can look quite different. You have to identify what your target market is going to use and design to that. It's no use testing a site on a 24" if you are selling iphones and think people on a PDA will do a bulk of the browsing. Chances are the site may not look the same on the different medias.

    So yeah, give us some detailed info on what's wrong and maybe one of us can help you out...vague questions will get you vague answers!
     
    ThirdDash, Sep 6, 2008 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    BULLCOOKIES!!! It's a fat bloated overpriced pile of crap that has caused more problems the past decade than it has EVER solved.

    ... and once you have enough knowledge to actually produce anything of value with it, you should already be proficient enough to not need it unless you are churning out the exact same CRAP the wysiwyg does, the exact same CRAP their templates are, and the exact same crap their 'throw javascript at everything' libraries are.

    It is nothing more than another sleazeball ****ing shortcut that leads to pages broken cross browser, overcomplicates development, and in general is a blight upon the internet that needs to be nuked from orbit. (After all, it's the only way to be sure.)
     
    deathshadow, Sep 6, 2008 IP
  7. KangBroke

    KangBroke Notable Member

    Messages:
    1,026
    Likes Received:
    59
    Best Answers:
    4
    Trophy Points:
    265
    #7
    Im having the same problem and I am stumped if anyone is online and thinks they can help
     
    KangBroke, Sep 6, 2008 IP