3 column CSS - middle column drops down in IE7 -
i have problem seems straight forwards 3 column in css. works fine in ie8 onwards ie7 middle column drops underneath left , right columns. i've searched solutions on google , here @ stackoverflow no matter seek either doesn't or breaks in ie8 onwards. sick honest im not master @ programming lack of understanding that's cause.
thanks in advance
the css code
.wrap { margin:0 auto; width:850px; } #proleft { float: left; width: 245px; padding-right:10px; border-right-style:solid; border-width:1px; border-color:#dddddd; } #procontent { padding: 0 250px 0px 235px; margin-left:40px; margin-right:40px; } #proright { padding-left: 10px; float: right; width: 250px; border-left-style:solid; border-width:1px; border-color:#dddddd; } .clear { clear: both; } the html
<div class="wrap"> <div id="proleft"> content </div> <div id="proright"> content </div> <div id="procontent"> content </div> <div class="clear"></div> </div>
it's not solution answer. code gets result need.
http://jsfiddle.net/mxns5/
html
<!doctype html> <html> <head> <title>hey</title> </head> <body> <div id="wrap"> <div id="proleft"> </div> <div id="proright"> </div> <div id="procontent"> </div> </div> </body> </html> css
#wrap { margin:0 auto; width:850px; } #wrap > div { height:300px; } #proleft { float:left; width:245px; background-color:#ccc; } #proright { float:right; width:245px; background-color:#ddd;} #procontent { margin-left:245px; margin-right:245px; background-color:#eee;} css
No comments:
Post a Comment