JQeury shows how to do the margins with no content?

Write a JQuery page content without margin, content close to the browser side, especially ugly (below)









The following code:

<body>
    <form id="form1" runat="server">
    <div data-role="page" id="page">
        <div data-role="header" data-theme="b">
            <h2>The news content</h2>
        </div>

        <div>
            <div>
                <asp:Image ID="newsImage" runat="server" AlternateText="News photos" />
            </div>
            <div>
                <asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
            </div>
        </div>

        <div data-role="footer" data-theme="d">
            <h4>Food Advisory</h4>
        </div>
    </div>
    </form>
</body>
The reason is very simple, is to display the contents of no in content inside, so in div add a data-role=" content" can be, the modified code is as follows:

<body>
    <form id="form1" runat="server">
    <div data-role="page" id="page">
        <div data-role="header" data-theme="b">
            <h2>The news content</h2>
        </div>

        <div>
            <div>
                <asp:Image ID="newsImage" runat="server" AlternateText="News photos" />
            </div>
            <div>
                <asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
            </div>
        </div>

        <div data-role="footer" data-theme="d">
            <h4>Food Advisory</h4>
        </div>
    </div>
    </form>
</body>

Posted by Rose at December 21, 2013 - 5:07 AM