ct34lf Posted September 24, 2011 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: Link to comment Share on other sites More sharing options...
ct34lf Posted September 24, 2011 Author 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. Link to comment Share on other sites More sharing options...
Drycodez Posted September 24, 2011 Share Posted September 24, 2011 Can you give a description (text-xplanation) of what you are trying to archieve? Link to comment Share on other sites More sharing options...
dsonesuk Posted September 24, 2011 Share Posted September 24, 2011 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. Link to comment Share on other sites More sharing options...
ct34lf Posted September 24, 2011 Author Share Posted September 24, 2011 thanks dsonesuk its settled I'm retarded....float is still my enemy tho along with absolute. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.