i would just like to have basically the equivelant of a single row, 2 "cell" table of div's for the footer of my website. I want the left to go to the left, and stay inside its container, and the right to go right inside the container. currently, i have the content for each side in their own div, but the right one gets bumped down just a little and it annoys me (i have a feeling there's a better way to do it anyway). i'm pretty tired so this all might not make any sense. visit my site and look at the footer to see what i'm talking about. <!-- w --><a class="postlink" href="http://www.suburbanbeats.net">www.suburbanbeats.net</a><!-- w -->
thanks in advanceThe following hacks will do what you want (in Fx) although it would be easier with better HTML in the footer.
#footer div {width:49%;float:left}
#footer
{
padding: .5em;
height: 30px;
line-height: 30px;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}edit:
ok, got it goin now....
for those curious, the html is this....
<div id="footer">
<div>
left element
</div>
<div align="right">right element</div>
</div>
i was definately trying to make it harder than it really was. thanks for the help
thanks in advanceThe following hacks will do what you want (in Fx) although it would be easier with better HTML in the footer.
#footer div {width:49%;float:left}
#footer
{
padding: .5em;
height: 30px;
line-height: 30px;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}edit:
ok, got it goin now....
for those curious, the html is this....
<div id="footer">
<div>
left element
</div>
<div align="right">right element</div>
</div>
i was definately trying to make it harder than it really was. thanks for the help