Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS Margin & Page Width Problem
    text
    copied!<p>Here is my ASP.NET Master Page:</p> <p>The problem is, that when I set the margin to zero, my page overflows and I get a scrollbar at the bottom of the page. Any ideas? </p> <p>The reason I am setting the margin to zero is because I want the content to fill the page completely, so that my ASP:Menu spans the whole page.</p> <pre><code>&lt;body style="padding:0; margin:0;"&gt; &lt;div&gt; &lt;form id="frmMaster" runat="server"&gt; &lt;asp:ScriptManager runat="server" ID="scriptManagerID" EnablePageMethods="true" ScriptMode="Release"&gt;&lt;/asp:ScriptManager&gt; &lt;div id="header"&gt; &lt;div id="headerTop"&gt; &lt;div id="headerLeft"&gt; &lt;asp:Image ID="imgLogo" runat="server" ImageUrl="~/Images/Company_Logo.jpg" Height="80px" AlternateText="Logo" /&gt; &lt;/div&gt; &lt;div id="headerRight"&gt; &lt;asp:Menu ID="mnuMain" runat="server" OnMenuItemClick="mnuMain_MenuItemClick" Orientation="Horizontal" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="3" SkinID="UserBar" &gt; &lt;Items&gt; &lt;asp:MenuItem Text="About" Value="About;list"&gt;&lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Config" Selectable="false"&gt; &lt;asp:MenuItem Text="Change Password" Value="ChangePassword;edit"&gt;&lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Customer Ranks" Value="ConfigCustomersRank;list"&gt;&lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Registration" Value="RegistrationInfo;list"&gt;&lt;/asp:MenuItem&gt; &lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Logout" Value="Logon;logout"&gt;&lt;/asp:MenuItem&gt; &lt;/Items&gt; &lt;/asp:Menu&gt; &lt;asp:Label ID="lblMasterError" runat="server" ForeColor="Red" Text="Error" Visible="False"&gt;&lt;/asp:Label&gt; &lt;asp:Label ID="lblUser" runat="server" ForeColor="Black" Text="User: " &gt;&lt;/asp:Label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="menu" class="clear hideSkipLink"&gt; &lt;asp:Menu ID="mnuModule" runat="server" OnMenuItemClick="mnuModule_MenuItemClick" Orientation="Horizontal" SkinID="Navigation" &gt; &lt;Items&gt; &lt;asp:MenuItem Text="Home" Value="Home;list"&gt;&lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Calendar" Value="Calendar;month"&gt;&lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Customers" Value="Customers;list"&gt; &lt;asp:MenuItem Text="Create Customer" Value="Customers;create;0;;0;"&gt;&lt;/asp:MenuItem&gt; &lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Communications" Selectable="false"&gt; &lt;asp:MenuItem Text="Activities" Value="Activities;list"&gt; &lt;asp:MenuItem Text="Create Activity" Value="Activities;create"&gt;&lt;/asp:MenuItem&gt; &lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Emails" Value="Emails;list"&gt; &lt;asp:MenuItem Text="Create Email" Value="Emails;create"&gt;&lt;/asp:MenuItem&gt; &lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Meetings" Value="Meetings;list"&gt; &lt;asp:MenuItem Text="Create Meeting" Value="Meetings;create"&gt;&lt;/asp:MenuItem&gt; &lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Phone Communication" Value="PhoneComms;list"&gt; &lt;asp:MenuItem Text="Schedule Phone" Value="PhoneComms;create"&gt;&lt;/asp:MenuItem&gt; &lt;/asp:MenuItem&gt; &lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Transactions" Selectable="false"&gt; &lt;asp:MenuItem Text="Invoices" Value="Invoices;list"&gt;&lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Leads" Value="Leads;list"&gt; &lt;asp:MenuItem Text="Create Lead" Value="Leads;create"&gt;&lt;/asp:MenuItem&gt; &lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Opportunities" Value="Opportunities;list"&gt; &lt;asp:MenuItem Text="Create Opportunity" Value="Opportunities;create"&gt;&lt;/asp:MenuItem&gt; &lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Quotes" Value="Quotes;list"&gt; &lt;asp:MenuItem Text="Create Quote" Value="Quotes;create"&gt;&lt;/asp:MenuItem&gt; &lt;/asp:MenuItem&gt; &lt;/asp:MenuItem&gt; &lt;asp:MenuItem Text="Reports" Selectable="false"&gt; &lt;asp:MenuItem Text="Contracts For Renewal" Value="CTRTContractsForRenewal;list"&gt;&lt;/asp:MenuItem&gt; &lt;/asp:MenuItem&gt; &lt;/Items&gt; &lt;/asp:Menu&gt; &lt;/div&gt; &lt;asp:ContentPlaceHolder ID="mainContent" runat="server"&gt;&lt;/asp:ContentPlaceHolder&gt; &lt;/form&gt; &lt;/div&gt; </code></pre> <p></p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload