troubleshooting Question

CSS Footer height issue in Chrome

Avatar of TonyReba
TonyRebaFlag for United States of America asked on
CSSHTMLASP.NET
6 Comments1 Solution425 ViewsLast Modified:
I am seeing the footer and footer inner going all the way up my main wrapper on chrome...

can you tell me whats wrong on my css

/* -----------------------------------
simple reset
----------------------------------- */

html, body, ul, ol, li, form, fieldset, legend, input
{
	margin: 0;
	padding: 0;
}

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-image: url('images/HP_bg-grad-new.gif');
    background-repeat: repeat-x;
    width:1000px;
    min-width:1000px;
    margin:auto;

}
#wrapper
{
    width: 960px;
	background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    color: #333;
    margin: 10px auto 0px auto;
    border: 1px solid #496077;
    clear:both;
     
}

.container
{
	width: 680px;
	margin: 1em auto;
}

/* content */

#content
{
    
 
    padding:30px;
}

#content-inner {
	padding: 20px 45px;
	margin: 0 auto;
	background: #FFF;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;

	
}


#header
{
    padding: 3px;
    margin: 10px;
    position: relative;
    width:100%
   
}


#pdf  
{
   
    float:left;
    padding: 0px;
    margin-left:30px;
    
          
}

#video
{
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float:left;
      
}


#footer
{
    border: 1px solid #C0C0C0;
    color: #333;
    margin: 0px 10px 0px 10px;
    padding-right: 10px;
    padding-left: 10px;
	height: 95%;
}


h1
{
    font-family: Verdana;
    font-size: 160%;
	font-weight: normal;
    height: 28px;
    width: 540px;
}

h2, h3, h4 {
	font-weight: normal;
	text-transform: uppercase;
	font-family:Times New Roman;
}

h2#section-title {
	background: #72acd1;
	font-size: 18px;
	color: #082334;
	padding: 10px 45px;
}

h3 {
	font-size: 18px;
	color: #000;
	padding-bottom: 5px;
	border-bottom: 1px solid #72acd1;
	margin-bottom: 1em;
}

/*
-- General use classes
*/

.clear {
	clear: both;
}

.btn
{
   
    background-image: url('images/btnSignin.jpg');  
    background-color:Transparent;
    width:120px;
}



a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

#lit1
{
    color: #FF0000;
}


div.terms {
   width:460px;
   height:255px;
   border:1px solid #ccc;
   background:#f2f2f2;
   padding:6px;
   overflow:auto;
}

      
</div>
    
		 <!-- End Header -->
         
		 
		 <!-- Begin Footer -->
		 <div id="footer">

         <div id="footer-inner">
		       <h4><strong>Employee Signature</strong></h4>
		 
                 Employee Id:<br />
                 <asp:TextBox ID="txtEmpID" runat="server" EnableViewState="False"></asp:TextBox>
                 <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                     ControlToValidate="txtEmpID" ErrorMessage="Required"></asp:RequiredFieldValidator>
                 <br />
                 SSN (Last 4 digits):<br />
                 <asp:TextBox ID="txtSSN" runat="server" EnableViewState="False" 
                     TextMode="Password"></asp:TextBox>
                 <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                     ControlToValidate="txtSSN" ErrorMessage="Required"></asp:RequiredFieldValidator>
                 <br />
                 <br />
                 <font class="ft20"><strong>By submitting this form, you are 
                                 <br />
                 </strong></font>
                 <br />
                 <asp:CheckBox ID="agreecheck" runat="server" Text="I agree to the above terms" 
                     EnableViewState="False" />
                              <br />
                              <br/>
   
                <asp:Button ID="btnSubmit" runat="server"  Text="Agree & Submit" disabled="disabled"
                     onclick="btnSubmit_Click" 
                     OnClientClick="return confirm('Are you sure you want to submit this form?');" CommandArgument="Confirmation.aspx"
                      /> 
      
                      <br />
                 <br />
                 <asp:Label ID="lblMessage" runat="server" ForeColor="Red" 
                     style="font-weight: 700;"></asp:Label>
                 <br />
    
            	</div>	       
		 </div>
		 <!-- End Footer -->
		 
   </div>
   <!-- End Wrapper -->
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 6 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 6 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros