locked
Share Point Html Page code not displaying proper format in IPHONE browser.............. RRS feed

  • Question

  • Hi All,

    I am implementing HTML code in my sharepoint application. That works fine for system.But same code does not works properly in IPHONE.That displays only left cloumn and it does not shows the middle and right columns.

    I used the below code for the above sreen .

    <head></head>
    <body>

    <div style="width: 1020px; height: 600px">

    <div id="LeftColumn" style="width: 340px; height: 600px ;float:left;">
    <b>PGI Global SharePoint Sites</b>
    <div></div>
    <div><a href="/sites/global-is/SitePages/Home.aspx">Global IS</a></div>
    <div></div>
    <div><a href="/sites/global-it-council/SitePages/Home.aspx">Global IT Council</a></div>
    <div></div>
    <div><a href="/sites/global-lead-team/SitePages/Home.aspx">Global Lead Team</a></div>
    <div></div>
    <div><a href="/sites/global-procurement/SitePages/Home.aspx">Global Procurement</a></div>
    <div></div>
    <div><a href="/sites/global-purchasing/SitePages/Home.aspx">Global Purchasing</a></div>
    <div></div>
    <div><a href="/sites/global-safety/SitePages/Home.aspx">Global Safety</a></div>
    <div></div>
    <div><a href="/sites/Global-Strategic-Planning/SitePages/Home.aspx">Global Strategic Planning</a></div>
    <div></div>
    <div><a href="/sites/GlobalSupplyChain/SitePages/Home.aspx">Global Supply Chain</a></div>
    <div></div>
    <div><a href="/sites/Global-Total-Rewards/SitePages/Home.aspx">Global Total Rewards</a></div>
    <div></div>
    <div><a href="/sites/Global-Accounts/SitePages/Home.aspx">Global Accounts</a></div>
    <div></div>
    <div><a href="/sites/Global-Applications/SitePages/Home.aspx">Global Applications</a></div>
    <div></div>
    <div><a href="/sites/Global-Employee-Communications-Council/SitePages/Home.aspx">Global Employee Communications</a></div>
    <div></div>
    <div><a href="/sites/Global-Healthcare/SitePages/Home.aspx">Global Health Care</a></div>
    <div></div>
    <div><a href="/sites/GlobalHR/SitePages/Home.aspx">Global HR</a></div>
    <div></div>
    <div><a href="/sites/Global-Hygiene-Product-Development/SitePages/Home.aspx">GlobalHygiene Product Development</a></div>
    <div></div>
    <div><a href="/sites/GGI/SitePages/Home.aspx">GGI</a></div>
    <div></div>
    <div><a href="/sites/Commerencial-Councial-Communications">Commercial Councial Communications</a></div>
    <div></div>
    <div><a href="/sites/Global-Market-Research">PGI Market Research Library</a></div>
    <div></div>
    </div>

    <div id="MiddleColumn" style="width: 340px; height: 600px ;float:left;">
    <b>Americas/US SharePoint Sites</b>
    <div></div>
    <div><a href="/sites/EHSSAmericas/SitePages/Home.aspx">EHSS Americas</a></div>
    <div></div>
    <div><a href="/sites/americas-fp-a/SitePages/Home.aspx">Americas FP A</a></div>
    <div></div>
    <div><a href="/sites/Americas-Hygiene-Task-Force/SitePages/Home.aspx">Americas Hygiene Task Force</a></div>
    <div></div>
    <div><a href="/sites/na-it/SitePages/Home.aspx">NA IT</a></div>
    <div></div>
    <div><a href="/sites/ARIUM/SitePages/Home.aspx">Arium</a></div>
    <div></div>
    <div><a href="/sites/Cohort-2/SitePages/Home.aspx">Cohort</a></div>
    <div></div>
    <div><a href="/sites/Corporate-Finance/SitePages/Home.aspx">Corporate Finance</a></div>
    <div></div>
    <div><a href="/sites/Engineering/SitePages/Home.aspx">Engineering</a></div>
    <div></div>
    <div><a href="/sites/eu-connect/SitePages/Home.aspx">EU Connect</a></div>
    <div></div>
    <div><a href="/sites/FinancialManagementProcesses/SitePages/Home.aspx">FinancialManagementProcesses</a></div>
    <div></div>
    <div><a href="/sites/governance/SitePages/Home.aspx">Governance</a></div>
    <div></div>
    <div><a href="/sites/HR-Prodigy-Super-Users/SitePages/Home.aspx">HR Prodigy Super Users</a></div>
    <div></div>
    <div><a href="/sites/Legal/SitePages/Home.aspx">Legal</a></div>
    <div></div>
    <div><a href="/sites/spinlace/SitePages/Home.aspx">Spinlace</a></div>
    </div>

    <div id="RightColumn" style="width: 340px; height: 600px;float:left;">
    <div></div>
    <div></div>
    <div><a href="/sites/USNW-Marketing/SitePages/Home.aspx">USNW Marketing</a></div>
    <div></div>
    <div><a href="/sites/USNW-Marketing/SitePages/Home.aspx">USNW SIOP DB</a></div>
    <div></div>
    <div><a href="/sites/USNW-Technical/SitePages/Home.aspx">USNW Technical</a></div>
    <div></div>
    <div><a href="/sites/US-SP/SitePages/Home.aspx">US SP</a></div>
    <div></div>
    <div><a href="/sites/RDGBDPROJECTS/SitePages/Home.aspx">RDGBD PROJECTS</a></div>
    <div></div>
    <div><a href="/sites/ProductSafetyTeam/SitePages/Home.aspx">Product Safety Team</a></div>
    <div></div>
    <div><a href="/sites/Process-Excellence-Quality/SitePages/Home.aspx">Process Excellence Quality</a></div>
    <div></div>
    <div><a href="/sites/PGI-Filtration-Portal/SitePages/Home.aspx">PPGI Filtaration Portal</a></div>
    </div>

    </div>

    </body>

     

    </div>

     And eventhough i tried to using table also..like below code

    <table width="100%"><tbody><tr id="TRHeadings"><h1 class="ms-rteElement-H1B" style="margin-bottom: 0px"><td id="1"><strong>PGI Global SharePoint Sites</strong></td></h1>
    <td width="10%" id="2"></td>
    <h1 class="ms-rteElement-H1B" style="margin-bottom: 0px"><td id="3"><strong>Americas/US SharePoint Sites</strong></td></h1>
    <td width="10%" id="4"></td>
    <td id="5"></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/global-is/SitePages/Home.aspx">Global IS</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/EHSSAmericas/SitePages/Home.aspx">EHSS Americas</a> </span></span></h1></td>
    <td width="10%" id="4"></td>
    <td id="5"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/USNW-Marketing/SitePages/Home.aspx">UNSW Marketing</a></span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/global-it-council/SitePages/Home.aspx">Global IT Council</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/americas-fp-a/SitePages/Home.aspx">Americas FP A</a> </span></span></h1></td>
    <td width="10%" id="4"></td>
    <td id="5"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/USNW-Marketing/SitePages/Home.aspx">UNSW SIOP DB </a></span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/global-lead-team/SitePages/Home.aspx">Global-Lead-Team</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Americas-Hygiene-Task-Force/SitePages/Home.aspx">Americas Hygiene Task Force</a> </span></span></h1></td>
    <td width="10%" id="4"></td>
    <td id="5"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/USNW-Technical/SitePages/Home.aspx">UNSW Technical </a></span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/global-procurement/SitePages/Home.aspx">Global Procurement</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/na-it/SitePages/Home.aspx">NA IT</a> </span></span></h1></td>
    <td width="10%" id="4"></td>
    <td id="5"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/US-SP/SitePages/Home.aspx">US SP </a></span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/global-purchasing/SitePages/Home.aspx">Global Purchasing</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/ARIUM/SitePages/Home.aspx">Arium</a> </span></span></h1></td>
    <td width="10%" id="4"></td>
    <td id="5"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/RDGBDPROJECTS/SitePages/Home.aspx">RDGBD PROJECTS </a></span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/global-safety/SitePages/Home.aspx">Global Safety</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Cohort-2/SitePages/Home.aspx">Cohort</a> </span></span></h1></td>
    <td width="10%" id="4"></td>
    <td id="5"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/ProductSafetyTeam/SitePages/Home.aspx">Product Safety Team </a></span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Global-Strategic-Planning/SitePages/Home.aspx">Global Strategic Planning</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Corporate-Finance/SitePages/Home.aspx">Corporate Finance</a> </span></span></h1></td>
    <td width="10%" id="4"></td>
    <td id="5"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Process-Excellence-Quality/SitePages/Home.aspx">Process Excellence Quality </a></span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/GlobalSupplyChain/SitePages/Home.aspx">Global Supply Chain</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Engineering/SitePages/Home.aspx">Engineering</a> </span></span></h1></td>
    <td width="10%" id="4"></td>
    <td id="5"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/PGI-Filtration-Portal/SitePages/Home.aspx">PGI Filtaration Portal </a></span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Global-Total-Rewards/SitePages/Home.aspx">Global Total Rewards</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/eu-connect/SitePages/Home.aspx">EU Connect</a> </span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Global-Accounts/SitePages/Home.aspx">Global Accounts</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/FinancialManagementProcesses/SitePages/Home.aspx">FinancialManagementProcesses</a> </span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Global-Applications/SitePages/Home.aspx">Global Applications</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/governance/SitePages/Home.aspx">Governance</a> </span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Global-Employee-Communications-Council/SitePages/Home.aspx">Global Employee Communications</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/HR-Prodigy-Super-Users/SitePages/Home.aspx">HR Prodigy Super Users</a> </span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Global-Healthcare/SitePages/Home.aspx">Global Health Care</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Legal/SitePages/Home.aspx">Legal</a> </span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/GlobalHR/SitePages/Home.aspx">Global HR</a> </span></span></h1></td>
    <td width="10%" id="2"></td>
    <td id="3"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/spinlace/SitePages/Home.aspx">Spinlace</a> </span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Global-Hygiene-Product-Development/SitePages/Home.aspx">GlobalHygiene Product Development</a> </span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/GGI/SitePages/Home.aspx">GGI</a> </span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Commerencial-Councial-Communications">Commercial Councial Communications</a> </span></span></h1></td></tr>
    <tr><td id="1"><h1 class="ms-rteElement-H1B ms-rteFontFace-5" style="margin-bottom: 0px"><span><span><a href="/sites/Global-Market-Research">PGI Market Research Library</a> </span></span></h1></td></tr></tbody></table>

    Same error for both codes.

    please anyone can help me to fix the issue.

    Thanks,

    Ashok

    Wednesday, June 12, 2013 1:59 PM