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

Popular posts from this blog

c# - how to write client side events functions for the combobox items -

exception - Python, pyPdf OCR error: pyPdf.utils.PdfReadError: EOF marker not found -