Showing different layout in different computer..

Discussion in 'HTML & Website Design' started by countolaf, Sep 10, 2009.

  1. #1
    Hi, I was viewing my blog MelvinBlog.com on my PC and the layout looks like this (look @ layout only):
    [​IMG]

    However on my laptop the layout is like this:
    [​IMG]

    My concern is the width of the content in w/c in my laptop, the width is smaller than in a desktop computer. I checked out other sites and they are not smaller in width in my laptop so i guess the problem was on my site..

    Any suggestions?
     
    countolaf, Sep 10, 2009 IP
  2. tejaswini

    tejaswini Peon

    Messages:
    42
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    hey, what is your pc screen resolution and laptop screen resolution? Your PC would be having less resolution, and so the theme div is appearing to be wider as it would be having a fixed width. So on wider screen it would look a bit centered and with left and right space
     
    tejaswini, Sep 11, 2009 IP
  3. countolaf

    countolaf Active Member

    Messages:
    662
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    58
    #3
    Oh I see... but how does other sites like smashing magazine managed to have their width look the same even on a different screen resolution? Anything I need to do bout it?
     
    countolaf, Sep 11, 2009 IP
  4. bluebenz

    bluebenz Well-Known Member

    Messages:
    876
    Likes Received:
    9
    Best Answers:
    2
    Trophy Points:
    138
    #4
    use pixel setting in div or table width.
    I think your template using percentage setting.

    
    
    <table width="75%"> 
    
    
    Code (markup):
    this will make your table 75% of the browser width.
    using percentage setting will make content width changes depend on the table/div width.

    try to resizing the browser, you will understand what I mean.
     
    bluebenz, Sep 11, 2009 IP