Dears, I have laid down three div boxes on top of each other but they look different in IE as the distance between them is bigger in IE
http://codg.bjaili.com/12/ HTML CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html> <head> <meta name="generator" content= "HTML Tidy for Linux/x86 (vers 1 September 2005), see www.w3.org" /> <title>MyCo</title> <link rel="stylesheet" type="text/css" href="c.css" /> </head> <body id="N2"> <div id="Wrapper"> <div id="SideContent"> <div id="Banner"></div><img class="SideContentBoxHeader" src= "news.png" width="233" height="22" align="baseline" border= "0" /> <div class="SideContentBoxBody"></div> <div class="SideContentBoxFooterLeft"></div> <div class="SideContentBoxFooterRight"></div><img class= "SideContentBoxHeader" src="news.png" width="233" height="22" align="baseline" border="0" /> <div class="SideContentBoxBody"></div> <div class="SideContentBoxFooterLeft"></div> <div class="SideContentBoxFooterRight"></div> </div> </div><!--Wrapper--> </body> </html> CSS CODES body { padding: 0px; margin: 0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 80%; text-align:center; min-width: 780px; } img{padding:0; margin:0;border:0;} #SideContent { float:left; margin-left:5px; margin-bottom:10px; width:235px; border:0; } .SideContentBoxHeader { border: 1px solid #235970; margin-top: 10px; display:block; clear:both; } #Banner { display:block; float:left; border:1px solid #235970; width:233px; height:130px; background-color:#FFD399; margin:10px 0; } .SideContentBoxBody { width:233px; height:100px; border-left:1px solid #235970; border-right:1px solid #235970; background-color:white; } .SideContentBoxFooter{ width:250px; margin:0; padding:0; border:0; } .SideContentBoxFooterRight { background: url(crnr.gif) no-repeat right bottom; height:30px; width:30px; border:0; float:right; } .SideContentBoxFooterLeft { border-bottom:1px solid #235970; border-left:1px solid #235970; border-right:1px solid #235970; height:30px; width:203px; float:left; background-color:white; margin-bottom:10px; } -- OOzy Kubuntu-Dapper ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
