Search jQuery

jQuery Forum

Mobile Site not working correctly in IE at all.

in jQuery Mobile • 12 years ago

Hi there,

I have built a mobile site and I ahve managed to get it to work ok in chrome and Firefox, however IE is broken. I have looked at it on IE 7,8 and 9.

The problem is that it is rendering all of the multiview pages out instead a single one.

The site is suing the Jquery mobile 1.1b framework and it is an asp.net site.

The site master is as follows:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %>
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.wapforum.org/DTD/xhtml-mobile12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
<title>Jquery mobile site</title>
<script src="Javascript/jQuery.js" type="text/javascript"></script>
<script src="Javascript/jquery.mobile-1.0b1.js" type="text/javascript"></script>
<link href="Styles/jquery.mobile-1.0b1.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="Form1" runat="server" method="post" data-ajax="false">
<div class="pages">
<div class="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
</div>
</div>
</form>
</body>
</html>

That is the master page above,

The inner default.aspx looks like this:

<%@ Page Title="PAGES" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeFile="Default.aspx.cs" Inherits="_Default" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<div data-role="page" data-add-back-btn="true" class="" id="Main">
<!--<div data-role="header" class="" role="banner">
<h1 class="" tabindex="0" role="heading">
</h1>
</div>-->
<div data-role="content" class="removemargin" role="main">
<div class="DefaultBodyCopyBackground">
<div class="BodyHeaderText">
</div>
<div class="BodyCopy">
<p> TEXT HERE</p>
</div>
<a href="#page2" data-role="button" class="Btn_Default Btn_Enter">Page 2</a>
</div>
<div data-role="footer" class="FooterDivNoMargin" role="contentinfo">
<p>Footer</p>
</div></div>
</div>
<div data-role="page" data-add-back-btn="true" class="" id="page2">
<div data-role="header" class="" role="banner">
<a href="" data-rel="back" class="btn_back"></a>
</div>
<div data-role="content" class="removemargin" role="main">
<div class="DefaultBodyCopyBackground">
<div class="BodyHeaderText">
<p>TEXT here page 2</p>
</div>
<div class="BodyCopyCenter">
<p>more text</p>
</div>
<div data-role="footer" class="FooterDiv" role="contentinfo">
<p>Footer</p>
</div>
</div>
</div>
</div>

Is there something blindingly obvious wrong here that breaks it in I.E ?

Thanks :)

Replies(2)

joeslack

Re: Mobile Site not working correctly in IE at all.

12 years ago

I tried out your code in chrome and didn't see any obvious problems like you describe, pages were separated for me. (maybe I'm missing something, but I didn't spend a lot of time with it).I really hate to say this, but IE sucks. It's not really fair to compare IE against modern browsers such as chrome, safari and firefox. I can't see anything specific by glancing at your code that should be troublesome.

I know the jqm team has put a lot of effort into improving windows experience, but realize that it will never be on the cutting edge. JQM features are unstable even in modern browsers like chrome, so I wouldn't expect things to go much better in systems like IE.

Perhaps someone with more IE experience here can help you, good luck!

amean_n

Re: Re: Mobile Site not working correctly in IE at all.

12 years ago

Thank Joe, as much as you hate to say it, I agree.

Top Reply

Response title

Attachments

jQuery Forum

Mobile Site not working correctly in IE at all.

Replies(2)

Re: Mobile Site not working correctly in IE at all.

Re: Re: Mobile Site not working correctly in IE at all.

Statistics

Tags

Actions