Results 1 to 2 of 2
  1. #1
    4 Star Lounger
    Join Date
    Jan 2001
    Location
    Tacoma, Washington, USA
    Posts
    406
    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. #2
    4 Star Lounger
    Join Date
    Jan 2001
    Location
    Tacoma, Washington, USA
    Posts
    406
    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
  •