html - CSS issue in IE7 -
i have simple web page , banner contains 3 images. want expand banner when different resolutions.my solution working on firefox , chrome not ie7.
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> #left{width:338px; height:103px; float:left; background-image:url('image/banner_left.jpg'); background-repeat:no-repeat; margin:0px; padding:0px;} .middle{float:left; background-image:url('image/banner_middle.jpg'); background-repeat:repeat-x; margin:0px; padding:0px; } #right{width:620px; height:103px; float:right; background-image:url('image/banner_right.jpg'); background-repeat:no-repeat;margin:0px; padding:0px; } </style> </head> <body style="margin:0px; padding:0px;"> <form id="form1" runat="server"> <div id="container" class="middle" style="float:left;"> <div id="left"></div> <div id="middle" class="middle"></div> <div id="right"></div> <div id="content" style="clear:both; float:left;"></div> </div> </form> </body> </html>
any idea?
thanks in advance!
try set width
value in .middle
in percents.
Comments
Post a Comment