Open Browser

Khalil · February 1st, 2012, 04:35 AM

Hi Imar,

I've made my own website and everything seems to be fine except one little issue that I don't understand.

When I open the browser, sometimes all the contents (images, text, ect) appear all together and in other times this is not the case; in other words, the text may appear first and the images would follow after a second.

I would appreciate your advice. the following is the code in the master page:

Code:

<%@ Master Language="VB" CodeFile="Elegant.master.vb" Inherits="MasterPages_Elegant" %>

<!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">
   <title></title>
   <asp:ContentPlaceHolder id="head" runat="server"></asp:ContentPlaceHolder>   
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    <scripts>
    <asp:ScriptReference Path="~/Scripts/jquery-1.4.1.min.js"/>
    </scripts>   
    </asp:ScriptManager>  
    <div id="PageWrapper">
        <div id="Header"><a href="~/" runat="server"></a></div> 
        <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Mobile.jpg"
        style= "border-bottom: medium solid #800080; width: 9cm; height: 2cm; float: right; position: relative;
        top: 0px; left: 0px;"/>    
      <asp:ContentPlaceHolder ID="cpMainContent" runat="server"> 
      </asp:ContentPlaceHolder>       
      <div id="MainContent">
          <h1>Welcome</h1>
          <p>Thank you for visiting this website.</p>
          <p><strong>Whatever> Introduction.</p>
                    <p>Whatever2.</p>
          <p>Whatever3.</p>
          <br />
          <p class="End" style="text-align: center; color: #FFFF00;"> Just relax, and we'll do the job.</p>
          <br />
          <br />
          <hr style="border-bottom-style: solid; border-bottom-width: medium; border-bottom-color: #800000;"/>
          </div>
      
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
    </asp:ContentPlaceHolder>
    </div>

    <div id="Footer"><a href="~/" runat="server"></a></div>
    <div id ="Footer2">@Copyright Elegance Accounting 2012</div>
    </form>
  </body>
</html>

Thanks

Imar · February 1st, 2012, 08:00 AM

I think this is by design and depends on your network and server speed. The browser downloads the HTML and while it renders the layout and follows and downloads the images, which may, or may not take longer than the rendering process.

Cheers,

Imar