Problem with Site Width in different monitor.

Discussion in 'HTML & Website Design' started by moon2091, May 12, 2011.

  1. #1
    I am having some problem, I am learning CSS but now I am having a problem with the Width of the whole site of particular element.
    I work in the 15" monitor
    When I watch that in 17" monitor then the elements goes left and right
    so how to stuck my elements in a particular space in my site,
    And what is the cross browser solution for this prob????
     
    moon2091, May 12, 2011 IP
  2. meltinzone

    meltinzone Member

    Messages:
    187
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    33
    #2
    look into percentages in css, w3schools has a good tutorial on it form memory.
    Look at the source code of other pages, CTRL+SHIFT+U in FF.
    Also look into permanent positions in regular HTML.

    Are they tables moving? etc? You tried other browsers?
    Give as much detail as possible mate, even your site if you want help. I'll do my best.
     
    meltinzone, May 12, 2011 IP
  3. GasArts.com

    GasArts.com Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    It seems like you are using absolute positioning. Determine the width of the whole page container (usually called layout), and use margin:0px auto; to center the content of the whole page.
     
    GasArts.com, May 12, 2011 IP
  4. moon2091

    moon2091 Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks a lot mate !
    well the tables don't move but what do you meant my FF {CTRL+SHIFT+U in FF.}
     
    moon2091, May 12, 2011 IP
  5. moon2091

    moon2091 Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    thanks a lot for your suggestion!
     
    moon2091, May 12, 2011 IP
  6. ken.sweet

    ken.sweet Active Member

    Messages:
    683
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    93
    #6
    I always keep the site in a container class of 980px and give margin:0 auto; and it appears same in all size monitors.
     
    ken.sweet, May 13, 2011 IP