...

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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum