SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Dec 2004
    Location
    Mesa, AZ.
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Layout "breaks" when window is resized and horizontally scrolled

    1. See this page: echazen[.]net/clients/PMG/inner.html
    2. Resize the window so that there is a horizontal scroll bar
    3. Scroll all the way to the right and see how it affects the footer background and border

    Anyone know how to remedy the situation?
    Last edited by echazen; Jul 22, 2008 at 12:37.

  2. #2
    SitePoint Enthusiast ivanfx's Avatar
    Join Date
    May 2007
    Posts
    70
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    A long shot, but try and give the wrapper and footer width: 100% in your css.
    Also float: left

    Code:
    div#{
    background-color:#A4A4A4;
    border-top:3px solid #333534;
    padding:20px 0px;
    float: left;
    width: 100%;
    }
    Freelance CSS and PHP developer. Using CakePHP and jQuery.

  3. #3
    SitePoint Member
    Join Date
    Dec 2004
    Location
    Mesa, AZ.
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I appreciate the offer, but it didn't fix it. I'm wondering what the issue is. Anyone else have a clue?

    Quote Originally Posted by ivanfx View Post
    A long shot, but try and give the wrapper and footer width: 100% in your css.
    Also float: left

    Code:
    div#{
    background-color:#A4A4A4;
    border-top:3px solid #333534;
    padding:20px 0px;
    float: left;
    width: 100%;
    }

  4. #4
    SitePoint Member
    Join Date
    Dec 2004
    Location
    Mesa, AZ.
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I just went ahead and used a table for the footer since that was the only way I could see to fix things.


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
  •