SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot
    Join Date
    Feb 2009
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    weird floating column displacement

    www.whatisdamon.com/blog/

    part of the sidebar, but only part is getting pushed down to the bottom of the page and I'm not sure why.. it's not happening in Chrome and it wasn't happening before.. it isn't because they don't have enough room..

  2. #2
    SitePoint Zealot
    Join Date
    Feb 2009
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I added "#sidebar ul {margin:0; padding:0;}" and it's better now. still not sure why it broke since I never had that before, but it's alll good.

  3. #3
    Ripe Tomatos silver trophybronze trophy Rayzur's Avatar
    Join Date
    Jun 2007
    Location
    Texas
    Posts
    4,174
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    it isn't because they don't have enough room..
    Hi,
    That did seem to be the case, when I floated the sidebar right and removed the large left margin I had to adjust the width to get it in there.

    Code:
    #left {
    width: 460px;/*was 480px*/
    float:left;
    background:red
    }
    
    #sidebar {
    width:165px;
    float:right;
    padding:0px;
    background:lime;
    }
    There may have been something that was adding to the width but I did not investigate further.

    Your #content div had a width of 720px so there should have been enough room.


    Yes, it must have been the default margin/padding on the ul. I removed 20px from the #left width and 20px is usually the default indent on a ul.

    Safari was the only one I saw dropping the column down.


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
  •