SmartPhone(Iphone): Section not visible but visible in Desktop browser_问答_开发者

We have a ASP.Net application that we use for SmartPhone devices. One of the screens has a section that is visible in a desktop browser but not on a smartphone browser(Iphone Safari browser). I have marked the section and
Would we know why?Any pointers would be welcome.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<!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><meta content="yes" name="apple-mobile-web-app-capable" /><meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=1;" /><link href="styles/StyleSheet.css" rel="stylesheet" type="text/css" /><title>
    Floor Plan Details
</title>

    <script type="application/x-javascript">

if (navigator.userAgent.indexOf('iPhone') != -1) {
        addEventListener("load", function() {
                setTimeout(hideURLbar, 0);
        }, false);
}

function hideURLbar() {
        window.scrollTo(0, 1);
}
    </script>

    <script type="text/javascript">
        function ColapseDetails() {

            var elem2 = document.getElementById('divButton');

            var details = document.getElementById('divDetails');

            elem2.className = 'Show';

            details.style.display = 'none';
        }
        function ExpandDetails() {

            var elem2 = document.getElementById('divButton');

            var details = document.getElementById('divDetails');

            elem2.className = 'Hide';

            details.style.display = 'block';
        }

    </script>
    <style type="text/css">
    a, .hdrGreen, .TxtAccent2, .itemList ul li
    {
        color: #b5985a;
    }
    #HeaderBar, #ftrCopyright
开发者_开发技巧    {
        background-color: #f8cb30 !important;
    }
    #FtrNav, #HdrNav, .Separate, .SeparateSR, .smSeparate, .Button
    {
        background-color: #0068b3 !important;
    }
    a:hover, .hdrBlue, .TxtAccent1
    {
        color: #0068b3;
    }
    .Links a, .contents a
    {
        color: #b5985a !important;
    }
    .TitleLink
    {
        color: #0068b3 !important;
    }
    .PropGalThumb, .LargePhoto, .PhotoFrame
    {
        border-color: #f8cb30 !important;
    }
</style>
<link href="/WebResource.axd?d=rYllaDxVV86L8uK7fm716DHtvUx7jEZl07Ni1bAwaCFyy83QnKp58MjumhwHTm3k5DeaG8uKyMP-a7NwOtgW5HQ2pq4UHdVEXH7SniWIwg9RO4oFHQ9Ox82H1rrwkiQS3YslSA2&amp;t=634487606568630000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" /><link href="/WebResource.axd?d=t9YDm8fMtH0CC5asMtMI4fYQLHf0MgrFPIjAybzYl__rRvUM4FsPvrIk2Je7ADAX9h_Y7xc4-kfkfmXrbForHb-JW0HpLzZPt9DexdRer9z0PQom39lb0-brKgkmrYByRaOt9nXhQsatKXhpIL2qfjQhGT81&amp;t=634487606568630000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" /><link href="/WebResource.axd?d=HnZfSQ00Unw9sodb1ZENEb8OCaQNYLMOL7UEoEroy1WahkY5iq6Kb-y9ve7XIVzS9OaCT9LmBYi7u4NjAWkkpgeFHkBbBszYstomcGDOiKzlHBwMuZmZNFVDxXkoO5fUAN-Z_w2&amp;t=634487606568630000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" /></head>
<body>
    <form name="aspnetForm" method="post" action="FloorPlanDetails.aspx" id="aspnetForm">
<div>
<input type="hidden" name="ctl00_RadScriptManager1_TSM" id="ctl00_RadScriptManager1_TSM" value="" />
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPaA8FDzhjZTRiODM4M2EyMzRhNhgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WAgUdY3RsMDAkY3BoQ29udGVudCR0c0Zsb29ycGxhbnMFHmN0bDAwJGNwaENvbnRlbnQkbXB2Rmxvb3JwbGFuc9fXJq/1CrDWuJv8X3Ex07QdyIjs" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/WebResource.axd?d=UvkWM5HwgcL8L6uzzv8ClbaUMj56sSlOI0ToE3UrzfY6Jb13eC2SwwgMrrnYyKCI9Eh_8mDefDtQl4hVuuGtgtYRDWo1&amp;t=634515435604257574" type="text/javascript"></script>


<script src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_RadScriptManager1_TSM&amp;compress=1&amp;_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3afec40ae8-2c1f-4db6-96ca-d6c61af2dc7f%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2010.3.1109.20%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a0b207b76-976c-4925-ba92-57c3001b0b77%3a16e4e7cd%3af7645509%3a24ee1bba%3ae330518b%3a1e771326%3a8e6f0d33%3a6a6d718d" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>

    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$RadScriptManager1', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls([], [], [], 90);
//]]>
</script>



<div id="HeaderBar">
        <div id="ctl00_Header1_Phlogo" class="Phlogo">
            <img id="ctl00_Header1_imgLogo" src="http://crossfiremedia.realpage.com/palisadesatjaguarcity/logos/lg1029_h50.png" alt="Logo" style="border-width:0px;" />        
        </div>
</div>
<div id="HdrNav">
    <a id="ctl00_Header1_hlApartmentSearch" class="item" href="Default.aspx">Property website</a>
    <a id="ctl00_Header1_hlResidentLogin" class="item" href="https://property.onesite.realpage.com/mobile/login.aspx?w=palisadesatjaguarcity">Resident Login</a>    
</div>
<div class="hdrGrad">
        &nbsp;</div>



    <div id="content">



<script type="text/javascript">
    function showdetails() {
        if (document.getElementById) {
            var elemlbl = document.getElementById('divButton');
            if (elemlbl.className == 'Hide') {
                ColapseDetails();
            }
            else if (elemlbl.className == 'Show') {
                ExpandDetails();
            }
        }
    }
</script>

<ul class="pageitem">
    <li class="PropInfo Details">
        <span id="ctl00_cphContent_PropDetailHeader_lblPropName" class="hdrBlue" style="font-size:12pt;font-weight:bold;">The Palisades at Jaguar City</span>
    </li>
    <li class="Details">
        <div style="float: left;">
            <span id="ctl00_cphContent_PropDetailHeader_lblPhone" class="hdrGreen" style="font-size:12pt;font-weight:bold;">(866) 936-5544 (Phone)</span>
        </div>       
    </li>
</ul>    

<!--Not visible:Start-->
    <ul class="pageitem">
        <li class="Details">
        </li>
        <li class="Details">
            <div class="SeparateSR"/>
        </li>
        <li class="Details">
            <div class="BoldText TxtAccent1">
                <span id="ctl00_cphContent_lblModel"></span>
            </div>
        </li>
        <li class="Details">

        </li>
        <li class="paddedBox"><span class="BoldText">Bedrooms:
            <span id="ctl00_cphContent_lblBeds">1</span></span><br />
            <span class="BoldText">Bathrooms:
                <span id="ctl00_cphContent_lblBaths">1</span></span>
            <br />
            <span class="BoldText">Sq/Ft: </span>
            <span id="ctl00_cphContent_lblSqft">544</span>
            <br />
            <span class="BoldText">Price: </span>
            <span id="ctl00_cphContent_lblRent">$779 - $779</span><br />
            <span class="BoldText">Deposit: </span>
            <span id="ctl00_cphContent_lblDeposit">$150</span><br />
        </li>
        <li class="Details">
            <div id="ctl00_cphContent_tsFloorplans" class="RadTabStrip RadTabStrip_Default RadTabStripTop_Default">
    <!-- 2010.3.1109.20 --><div class="rtsLevel rtsLevel1">
        <ul class="rtsUL"><li class="rtsLI rtsFirst"><a class="rtsLink rtsBefore" href="#"><span class="rtsOut"><span class="rtsIn"><span class="rtsTxt">Amenities</span></span></span></a></li><li class="rtsLI rtsLast"><a class="rtsLink rtsSelected" href="#"><span class="rtsOut"><span class="rtsIn"><span class="rtsTxt">2D View</span></span></span></a></li></ul>
    </div><input id="ctl00_cphContent_tsFloorplans_ClientState" name="ctl00_cphContent_tsFloorplans_ClientState" type="hidden" />
</div>
        </li>
        <li class="Details" style="margin-top: -1px;">
            <div id="ctl00_cphContent_mpvFloorplans" style="border-color:#848284;border-width:1px;border-style:Solid;">
    <div id="ctl00_cphContent_pvAmenities" class="rmpHiddenView">

                    <div class="paddedBox itemList">
                     <span class="TxtAccent2 BoldText ">Features</span>
                        <ul> <li><span> Private Bedrooms </span></li>  <li><span> Fully-equipped Kitchen with Breakfast Bar </span></li>  <li><span> Full-Sized Washer / Dryer </span></li>  <li><span> Spacious Living Room </span></li>  <li><span> High Speed Internet Connections in Each Bedroom </span></li> </ul>
                    </div>

    </div><div id="ctl00_cphContent_pv2d">
        <img id="ctl00_cphContent_img2DFP" src="http://crossfiremedia.realpage.com/palisadesatjaguarcity/floorplans/fp1014_w240.jpg" alt="2D Floorplan" style="border-width:0px;" />
    </div><input id="ctl00_cphContent_mpvFloorplans_ClientState" name="ctl00_cphContent_mpvFloorplans_ClientState" type="hidden" />
</div>
        </li>
    </ul>
<!--Not visible:End-->

    </div>
    <ul id="ctl00_ctl06_ulFooterList" class="pageitem PropFooter">
    <li class="Details"><a href="/(S(dpggqf452ctwmt45nycnfnah))/FloorPlans.aspx">Floor Plans</a></li>    
    <li class="Details"><a href="/(S(dpggqf452ctwmt45nycnfnah))/Default.aspx">About our Community</a></li>
    <li class="Details"><a href="/(S(dpggqf452ctwmt45nycnfnah))/ContactUs.aspx">Contact Us</a></li>
    <li class="Details"><a href="/(S(dpggqf452ctwmt45nycnfnah))/PhotoGallery.aspx">Photos &amp; Videos</a></li>
    <li class="Details"><a href="/(S(dpggqf452ctwmt45nycnfnah))/Amenities.aspx">Amenities &amp; Pet Policies</a></li>
    <li id="ctl00_ctl06_listNeighbor" class="Details"><a href="/(S(dpggqf452ctwmt45nycnfnah))/Neighborhood.aspx">Local Businesses</a></li>
</ul>


<div id="footer">
    <div class="ftrGrad">
        &nbsp;</div>
    <div id="FtrNav">
        <span class="item" style=" padding-top: 0;padding-right:0;">
            <img id="ctl00_Footer1_imgDisability" src="images/disa_btn.png" alt="Handicap Accessible" style="border-width:0px;" />
            <img id="ctl00_Footer1_imgEHO" src="images/eoh_btn.png" alt="Equal Housing Oportunity" style="border-width:0px;" /></span>
        <div class="item ">
            <span>&copy;
                2011
                RealPage </span>
        </div>
    </div>   
</div>



<script type="text/javascript">
//<![CDATA[
Sys.Application.initialize();
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadTabStrip, {"_selectedIndex":1,"_skin":"Default","clientStateFieldID":"ctl00_cphContent_tsFloorplans_ClientState","multiPageID":"ctl00_cphContent_mpvFloorplans","selectedIndexes":["1"],"tabData":[{"pageViewID":"ctl00_cphContent_pvAmenities"},{"pageViewID":"ctl00_cphContent_pv2d"}]}, null, null, $get("ctl00_cphContent_tsFloorplans"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadMultiPage, {"clientStateFieldID":"ctl00_cphContent_mpvFloorplans_ClientState","pageViewData":[{"id":"ctl00_cphContent_pvAmenities"},{"id":"ctl00_cphContent_pv2d"}],"selectedIndex":1}, null, null, $get("ctl00_cphContent_mpvFloorplans"));
});
//]]>
</script>
</form>


</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~