移除ie中的空白区域 [英] removing of white space in ie 9
本文介绍了移除ie中的空白区域的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PlotAvailability.aspx.cs" Inherits="DRRaims.PlotAvailability" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<title>DRR Aims Properties | Plots Availabity</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/bannerstyle.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.multi-open-accordion-1.5.3.min.js"></script>
<style type="text/css">
/*demo page css*/
body{ font: 62.5% "Trebuchet MS", sans-serif; margin:0px auto;}
.side-heading{font-family:Tahoma, Geneva, sans-serif;font-size: 17px;font-weight:bold;color:#ffffff;text-align:left;padding-bottom:10px;background-color:#bf0925;padding-left:10px;padding-top:5px;}
.multiOpenAccordion{ Width:1000px; margin-left:0px;}
.multiOpenAccordion1{ width:474px; margin-left:12px;}
.multiOpenAccordion2{ width:476px; margin-left:5px; }
.screens{ width:500px; float:left;}
.screens1{ float:left; width:500px;}
</style>
<script type="text/javascript" language="JavaScript">
function autoResize(id){
var newheight;
var newwidth;
if(document.getElementById) {
newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
}
document.getElementById(id).height= (newheight) + "px";
document.getElementById(id).width= (newwidth) + "px";
}
function LoginOkay() {
document.location.reload(true);
}
var vsite;
function ShowModal(site) {
vsite = site;
var frame = $get('IframeEdit');
frame.src = "CustomerInfo.aspx";
$find('EditModalPopup').show();
}
function EditOkayScript() {
alert('Thanks for providing information');
if (vsite = 'AN') {
document.location.href = 'AnandanilayamPlots.aspx';
}
else {
document.location.href = 'SaiBhavaniPlots.aspx';
}
}
function directtoAN() {
document.location.href = 'AnandanilayamPlots.aspx';
}
function directtoSB() {
document.location.href = 'SaiBhavaniPlots.aspx';
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="main_handler">
<asp:ScriptManager ID="ScriptManager1" runat="server"/>
<div class="logo_handler">
<div class="logo_left"></div>
<div class="navi_main">
<div class="nav">
<div class="navi_left"></div>
<div class="navi_bg">
<div class="navi_text">
<ul>
<li class="active"><a href="Home.html"^gt;Home</a></li>
<li><img src="images/navi_divider.jpg" /></li>
<li><a href="AboutUs.html">About Us</a></li>
<li><img src="images/navi_divider.jpg" /></li>
<li><a href="Projects.html">Projects</a></li>
<li><img src="images/navi_divider.jpg" /></li>
<li><a href="gallery.html">Gallery</a></li>
<li><img src="images/navi_divider.jpg" /></li>
<li><a href="#">Enquiry</a></li>
<li><img src="images/navi_divider.jpg" /></li>
<li><a href="Contactus.html">Contact us</a></li>
</ul>
</div>
</div>
<div class="navi_right"></div>
</div>
</div>
<div class="clear"></div>
</div>
<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images">
<ul>
<li><img src="images/banner_img.jpg"alt="banner1" title="banner1" id="wows1_0"/></li>
<li><img src="images/banner_img1.jpg" alt="banner2" title="banner2" id="wows1_1"/></li>
<li><img src="images/banner_img2.jpg" alt="banner3" title="banner3" id="wows1_2"/></li>
</ul>
</div>
<div class="ws_bullets">
<div>
<a href="#" title="banner1">1</a>
<a href="#" title="banner2">2</a>
<a href="#" title="banner3">3</a>
</div>
</div>
</div>
<script type="text/javascript" src="js/wowslider.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!-- End WOWSlider.com BODY section -->
<div class="b_mainhandler">
<div id="side-heading" class="side-heading" style="margin-removed 12px">
PLOTS AVAILABILITY
<span style="float:right; color:#FFF; font-size:12px; padding-removed30px; padding-removed7px;">
<%--<a id = "Login" runat="server" href="#" style = " color:#fff;" > Employee Login--%>
<asp:LinkButton ID="EmployeeLogin" runat="server" style = "color:White;" onclick="EmployeeLogin_Click" >Employee Login </asp:LinkButton>
<asp:LinkButton ID="lnkLogOut" runat="server" Visible="false" style="color:White;" Text="LogOut" OnClick="LinkButton1_Click"/>
<cc1:ModalPopupExtender ID="ModalPopupExtender1" BackgroundCssClass="ModalPopupBG"
runat="server" CancelControlID="btnCancel" OkControlID="btnOkay" TargetControlID="EmployeeLogin"
PopupControlID="Panel1" Drag="true" PopupDragHandleControlID="login_form"
önOkScript="LoginOkay();"/>
<div class="popup_Buttons" style="display: none">
<input id="btnOkay" value="Done" type="button" />
<input id="btnCancel" value="Cancel" type="button" />
</div>
<div id="Panel1" style="display: none;" class="popupConfirmation">
<iframe id="frameeditexpanse" src="Login.aspx" marginheight="0" frameborder="0" önload="autoResize('iframe1');"
scrolling="no" height="600px" width="850px" ></iframe>
</div>
</span>
</div>
<div id="plot_container">
<div id="plot_shadnagar">
<div id="plot1_banner">SHADNAGAR</div>
<div id="plot1_image"><img src="images/anada-Nilayayam-Thumb.jpg" /></div>
<div id="plot1_booking"></div>
</div>
<div id="plot_vijayawada">
<div id="plot2_banner">VIJAYAWADA</div>
<div id="plot2_image"><img src="images/sai-bhavani-thumb.jpg" /></div>
<div id="plot2_booking"></div>
</div>
</div>
<asp:Button ID="ButtonEdit" runat="server" Text="Edit Expanse" style="display:none" />
<cc1:ModalPopupExtender ID="ModalPopupExtender2" BackgroundCssClass="ModalPopupBG"
runat="server" CancelControlID="ButtonEditCancel" OkControlID="ButtonEditDone"
TargetControlID="ButtonEdit" PopupControlID="DivEditWindow"
OnCancelScript="EditCancelScript();" önOkScript="EditOkayScript();"
BehaviorID="EditModalPopup">
<div class="popup_Buttons" style="display: none">
<input id="ButtonEditDone" value="Done" runat="server" type="button" önclick = "" />
<input id="ButtonEditCancel" value="Cancel" type="button" />
</div>
<div id="DivEditWindow" style="display: none;" class="popupConfirmation">
<iframe id="IframeEdit" frameborder="0" height="200" width = "340" scrolling="no"></iframe>
</div>
</div>
<div class="clear" style="height:10px;"></div>
</div>
<div class="clear"></div>
<div class="footer_handler">
<div class="footer_text">
<ul>
<li><a href="Home.html">Home"Home.html">Home</a></li>
<li><a href="AboutUs.html">About Us</a></li>
<li><a href="Projects.html">Projects</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="#">Enquiry</a></li>
<li><a href="Contactus.html">Contact us</a></li>
</ul>
</div>
</div>
</form>
</body>
</html>
i debuged d same code in ie 9.but white space is cmg in design whereas d same code iam debugging in ie 7 then no whitespace came.plz suggest me how to convert aspx page of ie 7 into aspx page of ie9.
thanks in advance
i debuged d same code in ie 9.but white space is cmg in design whereas d same code iam debugging in ie 7 then no whitespace came.plz suggest me how to convert aspx page of ie 7 into aspx page of ie9.
thanks in advance
推荐答案
get('IframeEdit');
frame.src = \"CustomerInfo.aspx\";
find('EditModalPopup').show();
}
function EditOkayScript() {
alert('Thanks for providing information');
if (vsite = 'AN') {
document.location.href = 'AnandanilayamPlots.aspx';
}
else {
document.location.href = 'SaiBhavaniPlots.aspx';
}
}
function directtoAN() {
document.location.href = 'AnandanilayamPlots.aspx';
}
function directtoSB() {
document.location.href = 'SaiBhavaniPlots.aspx';
}
</script>
</head>
<body>
<form id=\"form1\" runat=\"server\">
<div class=\"main_handler\">
<asp:ScriptManager ID=\"ScriptManager1\" runat=\"server\"/>
<div class=\"logo_handler\">
<div class=\"logo_left\"></div>
<div class=\"navi_main\">
<div class=\"nav\">
<div class=\"navi_left\"></div>
<div class=\"navi_bg\">
<div class=\"navi_text\" >
<ul>
<li class=\"active\"><a href=\"Home.html\"^gt;Home</a></li>
<li><img src=\"images/navi_divider.jpg\" /></li>
<li><a href=\"AboutUs.html\">About Us</a></li>
<li><img src=\"images/navi_divider.jpg\" /></li>
<li><a href=\"Projects.html\">Projects</a></li> banner2\">2</a>
<li><img src=\"images/navi_divider.jp g\" /></li>
<li><a href=\"gallery.html\">Gallery</a></li>
<li><img src=\"images/navi_divider.jpg\" /></li>
<li><a href=\"#\">Enquiry</a></li>
<li><img src=\"images/navi_divider.jpg\" /></li>
<li><a href=\"Contactus.html\">Contact us</a></li>
</ul>
</div>
</div> ;
<div class=\"navi_right\"></div>
</div>
</div>
<div class=\"clear\"></div>
</div>
<!-- Start WOWSlider.com BODY section -->
<div id=\"wowslider-container1\">
<div class=\"ws_images\">
<ul>
<li><img src=\"images/banner_img.jpg\"alt=\"banner1\" title=\"banner1\" id=\"wows1_0\"/></li>
<li><img src=\"images/banner_img1.jpg\" alt=\"banner2\" title=\"banner2\" id=\"wows1_1\"/></li>
<li><img src=\"images/banner_img2.jpg\" alt=\"banner3\" title=\"banner3\" id=\"wows1_2\"/></li>
</ul>
</div>
<div class=\"ws_bullets\">
<div>
<a href=\"#\" title=\"banner1\">1</a>
<a href=\"#\" title=\"
<a href=\"#\" title=\"banner3\">3</a>
</div>
</div>
</div>
<script type=\"text/javascript\" src=\"js/wowslider.js\"></script>
<script type=\"text/javascript\" src=\"js/script.js\"></script>
<!-- End WOWSlider.com BODY section -->
<div class=\"b_mainhandler\">
<div id=\"side-heading\" class=\"side-heading\" style=\"margin-removed 12px\">
PLOTS AVAILABILITY
<span style=\"float:right; color:#FFF;字体大小：12像素; padding-removed30px; padding-removed7px;\">
<%--<a id = \"Login\" runat=\"server\" href=\"#\" style = \" color:#fff;\" > Employee Login--%>
<asp:LinkButton ID=\"EmployeeLogin\" runat=\"server\" style = \"color:White;\"onclick=\"EmployeeLogin_Click\" >Employee Login </asp:LinkButton>
<asp:LinkButton ID=\"lnkLogOut\" runat=\"server\" Visible=\"false\" style=\"color:White;\" Text=\"LogOut\" OnClick=\"LinkButton1_Click\"/>
<cc1:ModalPopupExtender ID=\"ModalPopupExtender1\" BackgroundCssClass=\"ModalPopupBG\"
runat=\"server\" CancelControlID=\"btnCancel\" OkControlID=\"btnOkay\" TargetControlID=\"EmployeeLogin\"
PopupControlID=\"Panel1\" Drag=\"true\" PopupDragHandleControlID=\"login_form\"
önOkScript=\"LoginOkay();\"/>
<div class=\"popup_Buttons\" style=\"display: none\">
<input id=\"btnOkay\" value=\"Done\" type=\"button\" />
<input id=\"btnCancel\" value=\"Cancel\" type=\"button\" />
</div>
<div id=\"Panel1\" style=\"display: none;\" class=\"popupConfirmation\">
<iframe id=\"frameeditexpanse\" src=\"Login.aspx\" marginheight=\"0\" frameborder=\"0\" önload=\"autoResize('iframe1');\"
scrolling=\"no\" height=\"600px\" width=\"850px\" ></iframe>
</div>
</span>
</div>
<div id=\"plot_container\">
< div id=\"plot_shadnagar\">
<div id=\"plot1_banner\">SHADNAGAR</div>
<div id=\"plot1_image\"><img src=\"images/anada-Nilayayam-Thumb.jpg\" /></div>
<div id=\"plot1_booking\"></div>
</div>
<div id=\"plot_vijayawada\">
<div id=\"plot2_banner\">VIJAYAWADA</div>
<div id=\"plot2_image\"><img src=\"images/sai-bhavani-thumb.jpg\" /></div>
<div id=\"plot2_booking\"></div>
</div>
</div>
<asp:Button ID=\"ButtonEdit\" runat=\"server\" Text=\"Edit Expanse\" style=\"display:none\" />
<cc1:ModalPopupExtender ID=\"ModalPopupExtender2\" BackgroundCssClass=\"ModalPopupBG\"
runat=\"server\" CancelControlID=\"ButtonEditCancel\" OkControlID=\"ButtonEditDone\"
TargetControlID=\"ButtonEdit\" PopupControlID=\"DivEditWindow\"
OnCancelScript=\"EditCancelScript();\" önOkScript=\"EditOkayScript();\"
BehaviorID=\"EditModalPopup\">
<div class=\"popup_Buttons\" style=\"display: none\">
<input id=\"ButtonEditDone\" value=\"Done\" runat=\"server\" type=\"button\" önclick = \"\" />
<input id=\"ButtonEditCancel\" value=\"Cancel\" type=\"button\" />
</div>
<div id=\"DivEditWindow\" style =\"display: none;\" class=\"popupConfirmation\">
<iframe id=\"IframeEdit\" frameborder=\"0\" height=\"200\" width = \"340\" scrolling=\"no\"></iframe>
</div>
</div>
<div class=\"clear\" style=\"height:10px;\"></div>
</div>
<div class=\"clear\"></div>
<div class=\"footer_handler\">
<div class=\"footer_text\">
<ul>
<li><a href=\"Home.html\">Home\"Home.html\">Home</a></li>
<li><a href=\"AboutUs.html\">About Us</a></li>
<li><a href=\"Projects.html\">Projects</a></li>
<li><a href=\"gallery.html\">Gallery</a></li>
<li><a href=\"#\">Enquiry</a></li>
<li><a href=\"Contactus.html\">Contact us</a></li>
</ul>
</div>
</div>
</form>
</body>
</html>
find('EditModalPopup').show(); } function EditOkayScript() { alert('Thanks for providing information'); if (vsite = 'AN') { document.location.href = 'AnandanilayamPlots.aspx'; } else { document.location.href = 'SaiBhavaniPlots.aspx'; } } function directtoAN() { document.location.href = 'AnandanilayamPlots.aspx'; } function directtoSB() { document.location.href = 'SaiBhavaniPlots.aspx'; } </script> </head> <body> <form id="form1" runat="server"> <div class="main_handler"> <asp:ScriptManager ID="ScriptManager1" runat="server"/> <div class="logo_handler"> <div class="logo_left"></div> <div class="navi_main"> <div class="nav"> <div class="navi_left"></div> <div class="navi_bg"> <div class="navi_text"> <ul> <li class="active"><a href="Home.html"^gt;Home</a></li> <li><img src="images/navi_divider.jpg" /></li> <li><a href="AboutUs.html">About Us</a></li> <li><img src="images/navi_divider.jpg" /></li> <li><a href="Projects.html">Projects</a></li> <li><img src="images/navi_divider.jpg" /></li> <li><a href="gallery.html">Gallery</a></li> <li><img src="images/navi_divider.jpg" /></li> <li><a href="#">Enquiry</a></li> <li><img src="images/navi_divider.jpg" /></li> <li><a href="Contactus.html">Contact us</a></li> </ul> </div> </div> <div class="navi_right"></div> </div> </div> <div class="clear"></div> </div> <!-- Start WOWSlider.com BODY section --> <div id="wowslider-container1"> <div class="ws_images"> <ul> <li><img src="images/banner_img.jpg"alt="banner1" title="banner1" id="wows1_0"/></li> <li><img src="images/banner_img1.jpg" alt="banner2" title="banner2" id="wows1_1"/></li> <li><img src="images/banner_img2.jpg" alt="banner3" title="banner3" id="wows1_2"/></li> </ul> </div> <div class="ws_bullets"> <div> <a href="#" title="banner1">1</a> <a href="#" title="banner2">2</a> <a href="#" title="banner3">3</a> </div> </div> </div> <script type="text/javascript" src="js/wowslider.js"></script> <script type="text/javascript" src="js/script.js"></script> <!-- End WOWSlider.com BODY section --> <div class="b_mainhandler"> <div id="side-heading" class="side-heading" style="margin-removed 12px"> PLOTS AVAILABILITY <span style="float:right; color:#FFF; font-size:12px; padding-removed30px; padding-removed7px;"> <%--<a id = "Login" runat="server" href="#" style = " color:#fff;" > Employee Login--%> <asp:LinkButton ID="EmployeeLogin" runat="server" style = "color:White;" onclick="EmployeeLogin_Click" >Employee Login </asp:LinkButton> <asp:LinkButton ID="lnkLogOut" runat="server" Visible="false" style="color:White;" Text="LogOut" OnClick="LinkButton1_Click"/> <cc1:ModalPopupExtender ID="ModalPopupExtender1" BackgroundCssClass="ModalPopupBG" runat="server" CancelControlID="btnCancel" OkControlID="btnOkay" TargetControlID="EmployeeLogin" PopupControlID="Panel1" Drag="true" PopupDragHandleControlID="login_form" önOkScript="LoginOkay();"/> <div class="popup_Buttons" style="display: none"> <input id="btnOkay" value="Done" type="button" /> <input id="btnCancel" value="Cancel" type="button" /> </div> <div id="Panel1" style="display: none;" class="popupConfirmation"> <iframe id="frameeditexpanse" src="Login.aspx" marginheight="0" frameborder="0" önload="autoResize('iframe1');" scrolling="no" height="600px" width="850px" ></iframe> </div> </span> </div> <div id="plot_container"> <div id="plot_shadnagar"> <div id="plot1_banner">SHADNAGAR</div> <div id="plot1_image"><img src="images/anada-Nilayayam-Thumb.jpg" /></div> <div id="plot1_booking"></div> </div> <div id="plot_vijayawada"> <div id="plot2_banner">VIJAYAWADA</div> <div id="plot2_image"><img src="images/sai-bhavani-thumb.jpg" /></div> <div id="plot2_booking"></div> </div> </div> <asp:Button ID="ButtonEdit" runat="server" Text="Edit Expanse" style="display:none" /> <cc1:ModalPopupExtender ID="ModalPopupExtender2" BackgroundCssClass="ModalPopupBG" runat="server" CancelControlID="ButtonEditCancel" OkControlID="ButtonEditDone" TargetControlID="ButtonEdit" PopupControlID="DivEditWindow" OnCancelScript="EditCancelScript();" önOkScript="EditOkayScript();" BehaviorID="EditModalPopup"> <div class="popup_Buttons" style="display: none"> <input id="ButtonEditDone" value="Done" runat="server" type="button" önclick = "" /> <input id="ButtonEditCancel" value="Cancel" type="button" /> </div> <div id="DivEditWindow" style="display: none;" class="popupConfirmation"> <iframe id="IframeEdit" frameborder="0" height="200" width = "340" scrolling="no"></iframe> </div> </div> <div class="clear" style="height:10px;"></div> </div> <div class="clear"></div> <div class="footer_handler"> <div class="footer_text"> <ul> <li><a href="Home.html">Home"Home.html">Home</a></li> <li><a href="AboutUs.html">About Us</a></li> <li><a href="Projects.html">Projects</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="#">Enquiry</a></li> <li><a href="Contactus.html">Contact us</a></li> </ul> </div> </div> </form> </body> </html>
i debuged d same code in ie 9.but white space is cmg in design whereas d same code iam debugging in ie 7 then no whitespace came.plz suggest me how to convert aspx page of ie 7 into aspx page of ie9.
thanks in advance
i debuged d same code in ie 9.but white space is cmg in design whereas d same code iam debugging in ie 7 then no whitespace came.plz suggest me how to convert aspx page of ie 7 into aspx page of ie9.
thanks in advance
Hi Swethayk,
Some suggestions for you, but its an on going issue which we’’ve to live with and hope IE would get a fix for this in IE9/10. Check the below website for some suggestions.
http://webdesign.about.com/cs/tables/qt/tiptablespaces.htm
Also, explicitly mention cellspacing=\"0\" & cellpadding=\"0\" to all the tables in your page
Hi Swethayk,
Some suggestions for you, but its an on going issue which we''ve to live with and hope IE would get a fix for this in IE9/10. Check the below website for some suggestions.
http://webdesign.about.com/cs/tables/qt/tiptablespaces.htm
Also, explicitly mention cellspacing="0" & cellpadding="0" to all the tables in your page
<table width="100%" cellspacing="0" cellpadding="0">
</table>
This is a known issue in IE9 and would be in the upcoming browsers also from IE. Better render the page in IE8 mode by adding the below meta tags
This is a known issue in IE9 and would be in the upcoming browsers also from IE. Better render the page in IE8 mode by adding the below meta tags
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8" />
Als o, in Visual Studio, do format the aspx document, option available under ’’Edit’’ menu.
shortcut -> Ctrl + k, Ctrl + D
Hope it helps you!
Thank you,
Vamsi
Also, in Visual Studio, do format the aspx document, option available under ''Edit'' menu.
shortcut -> Ctrl + k, Ctrl + D
Hope it helps you!
Thank you,
Vamsi
这篇关于移除ie中的空白区域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
