Results 1 to 2 of 2
  1. #1
    4 Star Lounger
    Join Date
    Jan 2001
    Location
    Tacoma, Washington, USA
    Posts
    407
    Thanks
    0
    Thanked 1 Time in 1 Post

    CSS question: Arranging DIV containers

    I've been struggling far too long trying to figure out where I went wrong with lining up columns using div on a Wordpress site I'm creating.

    Here's the page: http://daisybrown.com/cyberala/wp/?page_id=51

    Here's what I have for css:

    #groupcol_1, #groupcol_2 { text-align:top!important; float:left!important; padding:1em .4em .3em .4em!important;margin:0!important;width:46%; }

    #groupcol_1 p, #groupcol_2 p { margin:0!important;padding:0 0 0 90px!important; }

    #groupcol_1 h5, #groupcol_2 h5 { margin:0 0 .4em 0;padding:0 0 0 90px; }

    #groupcol_1 img, #groupcol_2 img { float:left!important; border-width:1px!important; border-style:solid!important; width:80px!important; margin:0!important;padding:0!important; }

    Between rows I clear with class .clear {height: 1px; clear: both; overflow: hidden; }

    The first row works okay. The second column in subsequent rows is lower instead of aligning to the top.

    The section below that has the same problem with similar settings.

    What am I missing? Where did I go wrong?
    Last edited by ailios; 2012-08-29 at 19:08.
    Daisy

  2. Get our unique weekly Newsletter with tips and techniques, how to's and critical updates on Windows 7, Windows 8, Windows XP, Firefox, Internet Explorer, Google, etc. Join our 480,000 subscribers!

    Excel 2013: The Missing Manual

    + Get this BONUS — free!

    Get the most of Excel! Learn about new features, basics of creating a new spreadsheet and using the infamous Ribbon in the first chapter of Excel 2013: The Missing Manual - Subscribe and download Chapter 1 for free!

  3. #2
    4 Star Lounger
    Join Date
    Jan 2001
    Location
    Tacoma, Washington, USA
    Posts
    407
    Thanks
    0
    Thanked 1 Time in 1 Post
    I found a way around it by forcing a negative top margin to the div containers that were misbehaving.
    Daisy

Posting Permissions

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