Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts

    uneven floated elements

    Ok I'm really brain dead! I used to be able to do a simple two column layout with no problems..lol Can someone tell me why the left and right columns are not lined up horizontally?

    Code:
    Code:
    <div id="wrapper"><form>
      <h1>Track List On [Album Name]</h1>
      <div class="left">
       <div id="songList">
        <fieldset title="All Songs" class="three">
         <div id="songList">
         <ul>
          <cfloop from="1" to="#variables.songData.songListCnt#" index="i">
           <li>#variables.songData.songList[i]#</li>
          </cfloop>
         </ul>
         </div>
        </fieldset>
       </div>
      </div>
      <br clear="right">
      <div class="right">
       <div id="trackList">
         <fieldset class="three">
          <ul>
           <cfloop from="1" to="#variables.songData.songListCnt#" index="i">
            <li>#variables.songData.songList[i]#</li>
           </cfloop>
          </ul>
         </fieldset>
        </div>
       </div>
      </form>
     </div>
    CSS
    Code:
    #wrapper{
     width: 100%;
     overflow:auto;
    }
    fieldset{
     float: none;
    }
    #trackList fieldset{
     padding: 0 15px 0 5px;
     margin: 0 10px 0 10px;
    }
    .left{
     width: 450px;
     float:left;
    }
    #trackList{
     margin: 0 0 0 300px;
     width:460px;
    }
    Teed

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    uggh, please disregard. I reset the float on the fieldset, but forgot there was some padding and margins on them in our global stylesheet.
    Teed


  •  

    Posting Permissions

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