Footer not Appearing?

For some reason my site has a footer that isn't appearing. If you click "Sign In" on the top, you can see the footer (darkened), but for some reason my footer isn't displaying elsewise.
Andy_FangAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
What is the url?
0
ramyajanarthananCommented:
post your piece of code or link please...
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
It looks like it is inside of your modal which you have hidden.  The reason it is on your modal is you have unclosed div tags.  Please validate your code http://validator.w3.org/ and it will help show you the errors.

<!DOCTYPE HTML>
<head>
	<title>Gamble Online in Seconds with Instant Loading and Withdrawl • DiceHub</title>
	<meta charset = "UTF-8" />
	<meta content="DiceHub is the easy, anonymous and fun way to gamble money online. Load and withdraw with PayPal instantly and gamble with the highest odds." name='description'>
	<link href='/images/favicon.png' rel='shortcut icon'>
	<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="/assets/style.css">
<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">

<!-- Load latest jQuery -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

</head>
<body>

<nav class="navbar navbar-default favbar-fixed-top" role="navigation">
  <!-- Bitvato and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="/"><img src="/images/brand-logo.png" width="25px" height="auto">DiceHub</a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Do Action<b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Add Funds</a></li>
          <li><a href="#">Withdraw</a></li>
          <li><a href="#">Something else here</a></li>
          <li><a href="#">Separated link</a></li>
          <li><a href="#">One more separated link</a></li>
        </ul>
      </li>
    </ul>
    <form class="navbar-form navbar-left" role="search">
      <div class="form-group">
        <input type="text" class="form-control" placeholder="$1.00" action="gamble.php">
      </div>
      <button type="submit" class="btn btn-success">Gamble</button>
    </form>
    <ul class="nav navbar-nav navbar-right">
      <li><a href="/join">Join</a></li>
      <li class="dropdown">
        <a a data-toggle="modal" href="#LoginHeader"><b>Sign In</b></a>

      </li>
    </ul>
  </div>
  <!-- navbar-collapse -->
</nav>


<div class="wrapper">


 <!-- Modal -->
  <div class="modal fade" id="LoginHeader" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" align="center">Login to DiceHub</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="inputEmail1" class="col-lg-2 control-label">Username</label>
    <div class="col-lg-10">
      <input type="email" class="form-control" id="Email" placeholder="Email or Username">
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword1" class="col-lg-2 control-label">Password</label>
    <div class="col-lg-10">
      <input type="password" class="form-control" id="inputPassword1" placeholder="Password">
    </div>
  </div>
  <div class="form-group">
    <div class="col-lg-offset-2 col-lg-10">
      <div class="checkbox">
        <label>
          <input type="checkbox"> Remember me next time
        </label>
      </div>
    </div>
  </div>
<button type="button" class="btn btn-primary" align="center">Login</button>
</form>
        </div>
      </div>
      <!-- modal-content -->

<div class="push">
</div>
</div>

    <div id="footer_wrapper">

      <div id="footer_inner_wrapper"> 
    <!-- Footer
    ================================================== -->
    <div>
      <footer class="bs-footer" role="contentinfo">
      <div class="container">



        <p>DiceHub is protected by fraud from <a href="http://www.maxmind.com" target="_blank" rel="nofollow">MaxMind</a> and <a href="http://dicehub.com/fraud" target="_blank">legal action is always taken</a>.</p>
        <p>By visiting our site you agree to the <a href="http://dicehub.com/terms" target="_blank">Terms of Service</a>.</p>
        <ul class="footer-links">
          <li><a href="/terms">Terms of Service</a></li>
          <li class="muted">&middot;</li>
          <li><a href="/rights">Rights to Gambling</a></li>
          <li class="muted">&middot;</li>
          <li><a href="/contact">Contact Us</a></li>
          <li class="muted">&middot;</li>
          <li><a href="/hire" rel="nofollow">We're Hiring!</a></li>
        </ul>
      </div>
    </footer>
      </div>
    </div>
    </div>
</body>			
</html>

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Kim WalkerWeb Programmer/TechnicianCommented:
The HTML validator reports multiple unclosed elements. One of these is inside your LoginHeader element so that element, which is hidden, is encompassing your footer. I've indented your code below so you can see the flow. I'll let you determine where the other unclosed elements are.
<!-- Modal -->
<div class="modal fade" id="LoginHeader" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title" align="center">Login to DiceHub</h4>
			</div>
			<div class="modal-body">
				<form class="form-horizontal" role="form">
					<div class="form-group">
						<label for="inputEmail1" class="col-lg-2 control-label">Username</label>
						<div class="col-lg-10">
							<input type="email" class="form-control" id="Email" placeholder="Email or Username">
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword1" class="col-lg-2 control-label">Password</label>
						<div class="col-lg-10">
							<input type="password" class="form-control" id="inputPassword1" placeholder="Password">
						</div>
					</div>
					<div class="form-group">
						<div class="col-lg-offset-2 col-lg-10">
							<div class="checkbox">
								<label>
									<input type="checkbox"> Remember me next time
								</label>
							</div>
						</div>
					</div>
					<button type="button" class="btn btn-primary" align="center">Login</button>
				</form>
			</div>
		</div>
		<!-- modal-content -->

		<div class="push">
		</div>
	</div>

	<div id="footer_wrapper">

Open in new window

0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.