SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Addict sorin21us's Avatar
    Join Date
    Mar 2009
    Posts
    278
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Liquid Layout

    I realized after I started the website http://www.aproapetot.ro/ that my fixed layout is too big for small monitors and I get the horizontal scroll. I saw on google that the best layout is the liquid.
    On my website I have content, sidebar1, sidebar2 and I wanted liquid, fixed, fixed.
    I tried but I still have that scroll on small monitors.
    Please someone can help me to fix my css liquid?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    On line 32 of your style sheet you have this:

    Code:
    #page-bg {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    width: 1200px;
    padding: 0;
    margin: 0 auto;
    }
    That width setting in red means you still have a fixed width design. Change it instead to max-width. E.g.

    Code:
    #page-bg {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
    }

  3. #3
    SitePoint Addict sorin21us's Avatar
    Join Date
    Mar 2009
    Posts
    278
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you Ralphn. I will change that css line to see how it looks like.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •