Css Float Pushed Down

[ct34lf 0]

I miss the simplicity of tables, this is why css is a failure as a replacement: <div id="footer"> <div id="footerright"></div> <div id="footerimage"><a href="http://twitter.com/#!/k"><img src="t.JPG" alt="" width="34" height="39" border="0" /></a><a href="http://www.youtube.com/user/k"><img src="y.jpg" alt="" width="28" height="39" border="0" /></a><a href="http://kobalt7.deviantart.com"><img src="d.JPG" alt="" width="29" height="39" border="0" /></a><a href="http://www.facebook.com/pages/k><img src="f.JPG" alt="" width="32" height="39" border="0" /></a></div><div id="footerleft"></div></div> #footer{background-image:url("bottomiddle.JPG");background-repeat: repeat-x;margin:0;padding:0;overflow:hidden;background-color: #000000;height:115px;}#footerimage{width:123px; height:38px; margin: auto; text-align:center;}#footerleft{background-image:url("leftbottom.PNG"); background-repeat: no-repeat;float: left;height:115px;width:115px;}#footerright{background-image:url("rightbottom.JPG");background-repeat: no-repeat;float: right;height:115px;width:110px;} pretty simple right?Nope heres the issue:

[ct34lf 0]

k i can think of a dozen ways to fix this with padding and margins but that can't be the right way of doing this with CSS, and my CSS is limited since im obviously having to workaround this issue all the time.

[Drycodez 4]

Can you give a description (text-xplanation) of what you are trying to archieve?

[dsonesuk 914]

Just place the floated left and right elements above the footerimage, and that will correct the problem. floated element will not merge into a non floated element, they will stack below it, while a non floated element will merge into floated element/s.

Edited September 24, 2011 by dsonesuk

[ct34lf 0]

thanks dsonesuk its settled I'm retarded....float is still my enemy tho along with absolute.