I have been using Visual Studio 2012 to create a masterpage for my website. Everything seems to be working smoothly except for one page that is giving me some trouble.
.aboutus
{ margin: auto;
font-family: 'Bookman Old Style';
font-style: normal;
font-weight: 100;
max-height:700px;
overflow:scroll;
overflow-x:hidden;}
.aboutus h1, .aboutus h2, .aboutus h3
{
color:blue;
font-style:italic;
font-weight: 500;}
When I apply this CSS class, it functions properly in IE but appears blank in Chrome and Mozilla. Even if I remove content from the .aboutus CSS class, the issue persists.
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="aboutus">
<h1>About us…</h1>
<p>Regional Automotive was started in 1994 at its current location in Ottawa
as a sister c..........
</div></asp:Content>
The asp:content is coming from the masterpage
<div class="main-content">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>
</div>
I have included this in my masterpage to avoid duplicating the same code on every page.
.main-content
{display:block;
background-color:transparent;
min-height: 700px;
max-height:700px;
margin-left:2px;
margin-top:68px;}
Perhaps this could be causing the issue.