ct34lf 0 Posted September 24, 2011 Report Share Posted September 24, 2011 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: Quote Link to post Share on other sites
ct34lf 0 Posted September 24, 2011 Author Report Share Posted September 24, 2011 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. Quote Link to post Share on other sites
Drycodez 4 Posted September 24, 2011 Report Share Posted September 24, 2011 Can you give a description (text-xplanation) of what you are trying to archieve? Quote Link to post Share on other sites
dsonesuk 913 Posted September 24, 2011 Report Share Posted September 24, 2011 (edited) 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 1 Quote Link to post Share on other sites
ct34lf 0 Posted September 24, 2011 Author Report Share Posted September 24, 2011 thanks dsonesuk its settled I'm retarded....float is still my enemy tho along with absolute. Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.