PDA

View Full Version : uneven floated elements



teedoff
06-16-2012, 10:25 PM
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:

<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

#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;
}

teedoff
06-16-2012, 10:34 PM
uggh, please disregard. I reset the float on the fieldset, but forgot there was some padding and margins on them in our global stylesheet.