Problem with master page header size

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • john20
    New Member
    • Jul 2008
    • 37

    Problem with master page header size

    I have master page in that I have header for the child pages, in the child page content populated in the table as row and colum. The problem is when the content in the childpage expand horizotally then when I scroll to right side horizontally the header of the master page doesn't render same size as the content page.

    Header remains the size of the windows but not same size as the content page's content.

    How can I increase the size of header which is rapped in the div at the runtime.and the backgroung of the div is the image which is coming from css?

    Below is the markup of master page.

    Code:
    <%@ Master Language="VB" CodeFile="Results.master.vb" Inherits="Results" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Results</title>        
          <link rel="stylesheet" href="css/style.css" type="text/css"/>
                    
    </head>
    <body>
        <form id="form1" runat="server">
              <div>
                <asp:ContentPlaceHolder ID="ChildHeader" runat="server">
                  <div id="header">
                    <table cellspacing="0" cellpadding="0" width="100%" border="0">
                      <tr height="40">
                        <td valign="bottom" width="80%" align="left" >
                            <h1><asp:label id="lblSearchType" runat="server" Font-Size="Small"></asp:label></h1>
                        </td>        
                      </tr>
                    </table>    
                  </div>
                </asp:ContentPlaceHolder>
            </div>
          <div>                                
          <asp:ContentPlaceHolder ID="ChildMaster1" runat="server">        
          </asp:ContentPlaceHolder>
      </div> 
     </form>
    </body>
    </html>
    Last edited by Frinavale; May 27 '10, 07:55 PM. Reason: code tags, punctuation, removal of hi and thanks. Fixed indentation. Please post code in [code] ... [/code] tags.
  • Frinavale
    Recognized Expert Expert
    • Oct 2006
    • 9749

    #2
    Have you tried setting the "header" div's width to 100%?

    Comment

    Working...