I am having difficulty figuring it out. The fourth container with class="panel and ID=“footerPanel” Seem to be creating space as the footer is suppose to sit at the bottom of the view port. Advice/Help? Thanks.
Hey,
Please read your post from our perspective. Someone who has no idea what your situation looks like.
We cannot help at this point. We have no code or anything to work off of.Can we get the link to the website?
Thank you.
This is returning a DNS_PROBE_FINISHED_NXDOMAIN error and can’t be accessed.
Sorry Ryan. I missed it and added it. Thanks for the reminder.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/jasny-bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
<script src="js/jquery.debounce.min.js" type="text/javascript"></script>
<link href="fancybox/source/jquery.fancybox.css" rel="stylesheet" /><link href="fancybox/naepfancybox.css" rel="stylesheet" />
<script src="fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="fancybox/naepfancybox.js" type="text/javascript"></script>
<script src="fancybox/swfobject.js" type="text/javascript"></script>
<script src="js/psr2015.js" type="text/javascript"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" /><link href="css/jasny-bootstrap.css" rel="stylesheet" /><link href="css/psr2015.css" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<title>
National Assessment of Educational Progress
</title></head>
<body id="body">
<div class="container" id="headerBar">
<div id="header-container" class="container lock-banner" >
<div id="banner-container" >
<div id="header-banner" class="container" style="height:70px; background-color:#fff;">
<div id="left-banners">
<a href="#"><img src="img/logo_NAEP.png" height="60" style="float:left" /></a>
</div>
<div id="right-banners" >
<a href="#"><img src="img/Logo_IES_120915.png" id="navBar_ies_logo" /></a>
<a href="#"><img src="img/Logo_NCES_120915.png" id="navBar_nces_logo" /></a>
</div>
</div>
</div>
<div id="navbarContainer" >
<div class="navbar navbar-inverse navbar-static-top" role="navigation" id="topnavbar">
<div >
<button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#leftmenu" data-canvas="#slide-canvas" data-exclude="#right-toggle,#sidemenu" >
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<ul class="collapse nav navbar-nav navbar-collapse">
<li><a href="/Home/">About</a></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Assessments</a><ul class="dropdown-menu"><li><a href="/Table/Air">Reading</a></li><li><a href="/Table/App">Mathematics</a></li><li><a href="/Table/Air">Geography</a></li><li><a href="/Table/App">History</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Participants</a><ul class="dropdown-menu"><li><a href="/Inventory/SeatConfiguration">Seat Configuration</a></li><li><a href="/Inventory/AirCraftConfiguration">Air Craft Configuration</a></li><li><a href="/Inventory/Flight">Flight</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Educator Resources</a><ul class="dropdown-menu"><li><a href="/Ticketing/Fare">Fare Basis</a></li><li><a href="/Ticketing/FareDisplay">Fare Display</a></li><li><a href="/Ticketing/Ticket">Ticket</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Assessment Process</a><ul class="dropdown-menu"><li><a href="/Reservation/Booking">Booking</a></li><li><a href="/Reservation/Pnr">PNR</a></li><li><a href="/Reservation/PnrList">PNR List</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Publications</a><ul class="dropdown-menu"><li><a href="/Inventory/SeatConfiguration">Seat Configuration</a></li><li><a href="/Inventory/AirCraftConfiguration">Air Craft Configuration</a></li><li><a href="/Inventory/Flight">Flight</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Research Data</a><ul class="dropdown-menu"><li><a href="/Ticketing/Fare">Fare Basis</a></li><li><a href="/Ticketing/FareDisplay">Fare Display</a></li><li><a href="/Ticketing/Ticket">Ticket</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">NAEP Experience</a><ul class="dropdown-menu"><li><a href="/Reservation/Booking">Booking</a></li><li><a href="/Reservation/Pnr">PNR</a></li><li><a href="/Reservation/PnrList">PNR List</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Data Tools</a><ul class="dropdown-menu"><li><a href="/Ticketing/Fare">Fare Basis</a></li><li><a href="/Ticketing/FareDisplay">Fare Display</a></li><li><a href="/Ticketing/Ticket">Ticket</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact</a><ul class="dropdown-menu"><li><a href="/Reservation/Booking">Booking</a></li><li><a href="/Reservation/Pnr">PNR</a></li><li><a href="/Reservation/PnrList">PNR List</a></li></ul></li>
</ul>
<div class="social-buttons" >
<a class="social-button" href="http://www.facebook.com" ><img src="img/Logo_FB.png" alt="facebook" /></a>
<a class="social-button" href="http://www.twitter.com" ><img src="img/Logo_Twitter.png" alt="twitter" /></a>
<a class="social-button" href="http://www.youtube.com" ><img src="img/Logo_Youtube.png" alt="twitter" /></a>
<a class="search-button dropdown-toggle" href="#" data-toggle="dropdown"><img src="img/Icon_Search.png" alt="search" /></a>
<div class="dropdown-menu pull-right" style="padding:12px">
<form class="form-inline">
<button type="submit" class="btn btn-default pull-right"><i class="glyphicon glyphicon-search"></i></button><input type="text" class="form-control pull-left" placeholder="Search" />
</form>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row left-margin " >
<div id="breadcrumb-container" class="col-xs-9">
<ul class="breadcrumb" >
<li><a class="breadcrumb-link" href="../level1.aspx">Home</a></li>
<li><a class="breadcrumb-link" href="http://www.google.com">Assessments</a></li>
<li><a class="breadcrumb-link" href="http://www.google.com">Guide to Understanding Reports</a></li>
<li>Scale Scores and Achievement Levels</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div id="slide-canvas" class="row row-offcanvas row-offcanvas-left">
<div id="leftmenu" class="navmenu navmenu-default navmenu-fixed-left offcanvas">
<a class="navmenu-brand" href="#">Project name</a>
<li><a href="/Home/">About</a></li><li class="dropdown"><a href="#" >Assessments</a><ul ><li><a href="/Table/Air">Reading</a></li><li><a href="/Table/App">Mathematics</a></li><li><a href="/Table/Air">Geography</a></li><li><a href="/Table/App">History</a></li></ul></li><li class="dropdown"><a href="#" >Participants</a><ul ><li><a href="/Inventory/SeatConfiguration">Seat Configuration</a></li><li><a href="/Inventory/AirCraftConfiguration">Air Craft Configuration</a></li><li><a href="/Inventory/Flight">Flight</a></li></ul></li><li class="dropdown"><a href="#" >Educator Resources</a><ul ><li><a href="/Ticketing/Fare">Fare Basis</a></li><li><a href="/Ticketing/FareDisplay">Fare Display</a></li><li><a href="/Ticketing/Ticket">Ticket</a></li></ul></li><li class="dropdown"><a href="#" >Assessment Process</a><ul ><li><a href="/Reservation/Booking">Booking</a></li><li><a href="/Reservation/Pnr">PNR</a></li><li><a href="/Reservation/PnrList">PNR List</a></li></ul></li><li class="dropdown"><a href="#" >Publications</a><ul ><li><a href="/Inventory/SeatConfiguration">Seat Configuration</a></li><li><a href="/Inventory/AirCraftConfiguration">Air Craft Configuration</a></li><li><a href="/Inventory/Flight">Flight</a></li></ul></li><li class="dropdown"><a href="#" >Research Data</a><ul ><li><a href="/Ticketing/Fare">Fare Basis</a></li><li><a href="/Ticketing/FareDisplay">Fare Display</a></li><li><a href="/Ticketing/Ticket">Ticket</a></li></ul></li><li class="dropdown"><a href="#" >NAEP Experience</a><ul ><li><a href="/Reservation/Booking">Booking</a></li><li><a href="/Reservation/Pnr">PNR</a></li><li><a href="/Reservation/PnrList">PNR List</a></li></ul></li><li class="dropdown"><a href="#" >Data Tools</a><ul ><li><a href="/Ticketing/Fare">Fare Basis</a></li><li><a href="/Ticketing/FareDisplay">Fare Display</a></li><li><a href="/Ticketing/Ticket">Ticket</a></li></ul></li><li class="dropdown"><a href="#" >Contact</a><ul ><li><a href="/Reservation/Booking">Booking</a></li><li><a href="/Reservation/Pnr">PNR</a></li><li><a href="/Reservation/PnrList">PNR List</a></li></ul></li>
</div>
<!-- Carousel -->
<div class="container">
<div id="homepage-slider" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner homepage-carousel">
<div class="item active">
<img src="img/banner_img4.png" alt="..." />
<div class="carousel-caption">
<a class="btn btn-md btn-primary" href="#" role="button">Learn more ></a>
</div>
</div>
<div class="item">
<img src="img/banner_img5.png" alt="..." />
<div class="carousel-caption">
<a class="btn btn-md btn-primary" href="#" role="button">Learn more ></a>
</div>
</div>
<div class="item">
<img src="img/banner_img6.png" alt="..." />
<div class="carousel-caption">
<a class="btn btn-md btn-primary" href="#" role="button">Learn more ></a>
</div>
</div>
<div class="item">
<img src="img/banner_img7.png" alt="..." />
<div class="carousel-caption">
<a class="btn btn-md btn-primary" href="#" role="button">Learn more ></a>
</div>
</div>
<div class="carousel-bar">
<a class="left carousel-control" href="#homepage-slider" role="button" data-slide="prev">
<span class="glyphicon glyphicon-triangle-left"></span>
</a>
<ol class="carousel-indicators">
<li class="active carousel-indicator" data-target="#homepage-slider" data-slide-to="0"></li>
<li class="carousel-indicator" data-target="#homepage-slider" data-slide-to="1"></li>
<li class="carousel-indicator" data-target="#homepage-slider" data-slide-to="2"></li>
<li class="carousel-indicator" data-target="#homepage-slider" data-slide-to="3"></li>
</ol>
<a class="right carousel-control" href="#homepage-slider" role="button" data-slide="next">
<span class="glyphicon glyphicon-triangle-right"></span>
</a>
</div>
</div>
<!-- Controls -->
</div>
</div>
<!-- First Row Attractors -->
<div class="container">
<div id="FirstRowAttractors" >
<div class="attractor">
<a href="#">Assessments<span style="padding-left:7px;">></span></a>
<p>Detailed information and results for all NAEP assessments</p>
</div>
<div class="verticalRule"></div>
<div class="attractor">
<a href="#">Participants<span style="padding-left:7px;">></span></a>
<p>Useful information for public and private schools, parents, and students</p>
</div>
<div class="verticalRule"></div>
<div class="attractor">
<a href="#">Educator Resources<span style="padding-left:7px;">></span></a>
<p>Ways to use NAEP in the classroon, activities, and education resources</p>
</div>
</div>
</div>
<!-- What is NAEP -->
<div class="container">
<div id="WhatIsNaepAndNew">
<div id="WhatIsNAEP">
<h4>What is NAEP?</h4>
<p>The National Assessment of Educational Progress (NAEP) is the largest nationally representative and continuing assessment of what America's students know and can do in various subject areas.</p>
<a role="button" href="#" class="btn btn-md learn-more">Learn More ></a>
<a class="fancybox fancybox-iframe" href="https://www.youtube.com/embed/udkIgBzs2TM?autoplay=true"><img src="img/WhatIsNAEP.png" alt="What is NAEP video" /></a>
</div>
<div id="WhatsNew">
<h4>What's New</h4>
<div>
<div class="new-attractor">
<img src="img/statistics.png" height="80" width="100" alt="icon"/>
<div><a href="#">Title Name ></a>
<p>Subject-specific tutorials are provided for students to learn more about the system and tools they will use during NAEP's.</p></div>
</div>
<hr class="new-divider"/>
<div class="new-attractor">
<img src="img/statistics.png" height="80" width="100" alt="icon"/>
<div><a href="#">Title Name ></a>
<p>Subject-specific tutorials are provided for students to learn more about the system and tools they will use during NAEP's.</p></div>
</div>
<hr class="new-divider"/>
<div class="new-attractor">
<img src="img/statistics.png" height="80" width="100" alt="icon"/>
<div><a href="#">Title Name ></a>
<p>Subject-specific tutorials are provided for students to learn more about the system and tools they will use during NAEP's.</p></div>
</div>
<hr class="new-divider"/>
<div class="new-attractor">
<img src="img/statistics.png" height="80" width="100" alt="icon"/>
<div><a href="#">Title Name ></a>
<p>Subject-specific tutorials are provided for students to learn more about the system and tools they will use during NAEP's.</p></div>
</div></div>
</div>
</div>
</div>
<hr class="level1-divider" />
<!-- Second Row Attractors -->
<div class="container">
<div id="row2-attractors row">
<div class="row2-attractor col-xs-4">
<img class="top" src="img/great-white.png" height="70" width="105" />
<div class="row2-attractor-content">
<h4>Assessment Process</h4>
<p>Nation's Report Cards, results, studies, and detailed information on all NAEP assessments</p>
</div>
<div class="bottom center">
<a role="button" href="#" class="btn btn-md learn-more">Learn More ></a>
</div>
</div>
<div class="row2-attractor col-xs-4">
<img class="top" src="img/great-white.png" height="70" width="105" />
<div class="row2-attractor-content">
<h4>Reports & Publications</h4>
<p>Download assessment reports, press releases, and other documents prepared for the press and the public</p>
</div>
<div class="bottom center">
<a role="button" href="#" class="btn btn-md learn-more">Learn More ></a>
</div>
</div>
<div class="row2-attractor col-xs-4">
<img class="top" src="img/great-white.png" height="70" width="105" />
<div class="row2-attractor-content">
<h4>Research Data</h4>
<p>Explore NAEP data, statistical methodologies, and technical design</p>
</div>
<div class="bottom center">
<a role="button" href="#" class="center btn btn-md learn-more">Learn More ></a>
</div>
</div>
</div>
</div>
<hr class="level1-divider" />
<!-- Interactive Items -->
<div class="container">
<div id="interactive-items" class="image-align-right">
<img src="img/shark.jpg" height="205" width="400" />
<h4>Interactive Items</h4>
<div class="vertical-center">
<p>Explore computer-based assessment sample questions, including one of our new Technology and Engineering Literacy Items.</p>
</div>
<a role="button" href="#" class="btn btn-md learn-more">Learn More ></a>
</div>
</div>
<hr class="level1-divider" />
<!-- Data Tools -->
<div class="container">
<div id="data-tools" class="image-align-left">
<img src="img/shark.jpg" height="205" width="400" />
<h4 class="right">Data Tools</h4>
<div class="vertical-center">
<p class="right">We have a number of applications designed to give you quick and easy access to questions from previous assessments, performance comparisons, and assessment data for complex analyses.</p>
</div>
<a role="button" href="#" class="btn btn-md learn-more">Learn More ></a>
</div>
</div>
<hr class="level1-divider" />
<div class="container">
<div id="video-carousel" class="carousel slide video-carousel" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="span4">
<img src="http://placehold.it/300x133" class="img-thumbnail" />
<img src="http://placehold.it/300x133" class="img-thumbnail" />
<img src="http://placehold.it/300x133" class="img-thumbnail" />
</div>
</div>
<div class="item">
<div class="span4">
<img src="http://placehold.it/300x133" class="img-thumbnail" />
<img src="http://placehold.it/300x133" class="img-thumbnail" />
<img src="http://placehold.it/300x133" class="img-thumbnail" />
</div>
</div>
</div>
<a class="right carousel-control" href="#video-carousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<hr class="level1-divider" />
<div class="container">
<div class="row">
<div class="col-xs-12">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p><p>
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p><p>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</p><p>
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p><p>
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laboreet dolore magna aliquyam erat.
</p><p>
Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div id="sitemap">
<div class="panel with-nav-tabs panel-default">
<div class="panel-heading">
<ul class="nav nav-tabs">
<li id="sitemap-tab" class="active"><a href="#tab1default" data-toggle="tab">SITEMAP<span id="sitemap-icon" class="glyphicon glyphicon-chevron-up sitemap-icon" aria-hidden="true"></span></a></li>
</ul>
</div>
<div class="panel-body" >
<div class="tab-content" style="display:none">
<div class="tab-pane fade in active" id="tab1default">
<div id="sitemap-container">
<div class="row">
<div class="sitemap-content-block col-xs-6 col-md-3">
<p><strong>Level One</strong></p>
<p><a href="#">History of NAEP</a></p>
<p><a href="#">Future of NAEP</a></p>
</div>
<div class="sitemap-content-block col-xs-6 col-md-3">
<p><strong>Level One</strong></p>
<p><a href="#">History of NAEP</a></p>
<p><a href="#">Future of NAEP</a></p>
</div>
<div class="sitemap-content-block col-xs-6 col-md-3">
<p><strong>Level One</strong></p>
<p><a href="#">History of NAEP</a></p>
<p><a href="#">Future of NAEP</a></p>
</div>
<div class="sitemap-content-block col-xs-6 col-md-3">
<p><strong>Level One</strong></p>
<p><a href="#">History of NAEP</a></p>
<p><a href="#">Future of NAEP</a></p>
</div>
<div class="sitemap-content-block col-xs-6 col-md-3">
<p><strong>Level One</strong></p>
<p><a href="#">History of NAEP</a></p>
<p><a href="#">Future of NAEP</a></p>
</div>
<div class="sitemap-content-block col-xs-6 col-md-3">
<p><strong>Level One</strong></p>
<p><a href="#">History of NAEP</a></p>
<p><a href="#">Future of NAEP</a></p>
</div>
<div class="sitemap-content-block col-xs-6 col-md-3">
<p><strong>Level One</strong></p>
<p><a href="#">History of NAEP</a></p>
<p><a href="#">Future of NAEP</a></p>
</div>
<div class="sitemap-content-block col-xs-6 col-md-3">
<p><strong>Level One</strong></p>
<p><a href="#">History of NAEP</a></p>
<p><a href="#">Future of NAEP</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>
<div class="container">
<div class="panel" id="footerPanel">
<div>
<div class="footBlock">
<ul>
<li><a href="#">NewsFlash</a></li>
<li><a href="#">Staff</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="footBlock">
<ul>
<li><a href="#">Help</a></li>
<li><a href="#">RSS</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
<div class="footBlock">
<ul>
<li><a href="#">Statistical Standards</a></li>
<li><a href="#">FedStats.gov</a></li>
<li><a href="#">ChildStats.gov</a></li>
</ul>
</div>
<div id="footer-right" class="footBlock">
<div class="footBlock social" >
<p>Follow NAEP</p>
<a href="http://www.facebook.com" ><img src="img/facebook_small.png" alt="facebook" /></a>
<a href="http://www.twitter.com" ><img src="img/twitter_small.png" alt="twitter" /></a>
<a href="http://www.youtube.com" ><img src="img/youtube_small.png" alt="youtube" /></a>
</div>
<div class="footBlock">
<a href="#"><img src="img/naep_logo_small_1.png" /></a>
</div>
</div>
</div>
</div>
<div id="footerText" class="row"><div class="col-sm-12">U.S. Department of Education Institute of Education Sciences National Center for Education Statistics</div></div>
</div>
</body>
</html>
Thank you, but that doesn’t quite give us everything. We don’t have the CSS files that produce this space.
Is there any way to fix the DNS error?
Sorry, I am not the owner of this page. I will figure it out on my end. These files behind a firewall. Thanks for investigating it.
/*
* Style tweaks
* --------------------------------------------------
*/
html,
body,
slide-canvas {
overflow-x: hidden; /* Prevent scroll on narrow devices */
margin-bottom:0;
padding-bottom:0;
}
body {
background-color:#f4f4f4;
font-family:"Open Sans";
font-size: 14px;
}
.bodyAffixPadding {
}
.container {
background-color:#fff;
padding-left:0;
padding-right:0;
padding-bottom:0;
}
caption {
color:#000;
}
#navbarContainer.affix-bottom {
position:relative;
top:70px !important;
}
.left-margin{
margin-left:65px;
}
/*
* Off Canvas
* --------------------------------------------------
*/
@media (max-width: 767px) {
.navbar-toggle{
float: left;
margin-left: 15px;
}
}
@media screen and (max-width: 767px) {
.row-offcanvas {
position: relative;
-webkit-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.row-offcanvas-right {
right: 0;
}
.row-offcanvas-left {
left: 0;
}
.row-offcanvas-right
.sidebar-offcanvas {
right: -50%; /* 6 columns */
}
.row-offcanvas-left
.sidebar-offcanvas {
left: -50%; /* 6 columns */
}
.row-offcanvas-right.active {
right: 50%; /* 6 columns */
}
.row-offcanvas-left.active {
left: 50%; /* 6 columns */
}
#sidemenu {
left:35%;
position: fixed;
top: 51px;
width: 65%; /* 6 columns */
overflow-y:visible;
}
.sidemenu-offcanvas {
left:100% !important;
overflow-y:visible;
}
.sidemenu-offcanvas > .sidemenu-container {
}
}
.toggler{
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: silver;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
width: 30px;
height: 48px;
position: fixed;
right: 0%;
top: 45%;
cursor: pointer;
-webkit-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.sidebar-right > .toggler{
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);
box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);
}
.sidebar-right > .toggler.opened {
right:65%;
}
.sidebar-right > .toggler > span{
margin:15px 8px;
}
.sidebar-right > .toggler > .glyphicon-chevron-right{
display:none;
}
@media screen and (max-width: 767px) {
#right-banners{
display:none;
}
.toggler{
width: 30px;
}
}
/*Header*/
.fixed-top {
position:fixed;
top:0;
}
.affix {
position: fixed;
top:0;
}
#header-banner {
background-color:#f00;
position:relative;
z-index:2;
}
.navbar {
height:50px;
/* background-color:#747474; */
background-color:#001a70;
font-family:"Open Sans";
font-size: 14px;
padding-bottom:0;
margin-bottom:0;
}
.navbar-nav > li > a {
padding: 15px .7em;
margin:0;
color:#fff !important;
}
#navbarContainer {
z-index:2;
background-color:#fff; /*header margin color change if body color changes */
}
#navbarContainer.affix {
position: fixed;
top: 0;
width:100%;
}
#topnavbar {
width:100%;
}
@media (max-width: 767px) {
#navbarContainer.affix {
position: fixed;
top: 0;
left: 0px;
width:100%;
padding: 0 15px;
}
}
@media (min-width: 768px) {
#navbarContainer.affix {
width: 720px;
}
}
@media (min-width: 992px) {
#navbarContainer.affix {
width: 940px;
}
}
@media (min-width: 1200px) {
#navbarContainer.affix {
width: 1200px;
}
.container {
width:1200px;
}
}
#right-banners{
float:right;
margin-right:66px;
word-spacing:8px;
position:relative;
top:50%;
transform:translateY(-50%);
}
#ies-logo{
margin-top:-16px;
}
#nces-logo{
}
#left-banners{
float:left;
margin-left:40px;
vertical-align:middle;
position:relative;
top:50%;
transform:translateY(-50%);
}
#breadcumb-container {
height:50px;
position:relative;
z-index:2;
}
.breadcrumb{
padding:15px 1em;
margin-bottom:0;
background-color:#fff;
}
.social-buttons{
float:right;
margin: 14px 1em;
}
.social-button{
margin-left:.1em;
}
.search-button {
margin-left:.5em;
}
/*.social-buttons-container {
display:inline-block;
z-index:2000;
}
.social-buttons.affix {
position: fixed;
top:50px;
}*/
/********************************************************************/
/*** Site Map ***/
.panel.with-nav-tabs .panel-heading{
padding: 5px 210px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
margin-bottom: -1px;
}
.panel.with-nav-tabs > .panel-body{
padding:0;
}
.with-nav-tabs.panel-default{
border-color: transparent;
margin-bottom:0;
}
.with-nav-tabs.panel-default > .panel-heading{
background-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li{
margin-left:75px;
}
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
color: #777;
padding: 7px 20px;
border-top-left-radius: 30% 70%;
border-top-right-radius: 30% 70%;
cursor: pointer;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
color: #777;
background-color: #ddd;
border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
color: #555;
background-color: #fff;
border-color: #ddd;
border-bottom-color: transparent;
outline:none;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
background-color: #f5f5f5;
border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #555;
}
.sitemap-icon{
padding-left:14px;
}
#sitemap-container > .row{
padding:25px;
}
.sitemap-content-block{
padding:25px;
}
/********************************************************************/
/*** Footer ***/
#footerPanel {
padding: 50px 65px;
/* background-color: #2e2e2e;*/
border-radius:0;
background-color:#c29210;
color:#fff;
margin:0;
overflow:auto;
font-size: x-small;
bottom:0;
}
#footer-right{
float:right;
display:inline-flex;
align-items:flex-start;
}
#footerText {
position:relative;
top:-30px;
text-align: center;
color:#fff;
font-size:x-small;
}
.footBlock {
display:inline-block;
padding: 0 25px 0 25px;
}
.footBlock:first-child {
padding-left: 0 !important;
}
.footBlock:last-child {
padding-right: 0 !important;
}.footBlock > ul {
list-style:none;
}
.footBlock > ul a,
.footBlock > ul a:hover,
.footBlock > ul a:focus
{
color: #fff;
text-decoration: none;
vertical-align:top;
padding-right:5px;
}
ul {
padding:0;
margin:0;
}
/********************************************************************/
/*** Homepage carousel ***/
.homepage-carousel {
height:400px;
position:relative;
margin:0;
padding:0;
}
.homepage-carousel > .item > img {
min-width:100%;
max-width:inherit;
z-index:2;
}
.carousel-bar{
position:absolute;
bottom:0;
width:100%;
height:46px;
opacity:.5;
background-color:#2e2e2e;
z-index:1003;
}
.carousel-indicators{
position:relative;
margin-left:auto;
left:auto;
z-index:1004;
width:auto;
bottom:auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index:1005;
}
.carousel-indicator{
margin-left:5px !important;
margin-right:5px !important;
}
.carousel-control{
width:auto;
}
.carousel-control.left{
padding-left:43%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index:1005;
}
.carousel-control.right{
padding-right:43%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index:1005;
}
.carousel-control .glyphicon-triangle-left,
.carousel-control .glyphicon-triangle-right {
position:relative;
opacity:1;
bottom:20px;
cursor:pointer;
display:inline-block;
width:20px;
height:20px;
font-size:20px;
z-index:1005;
}
@media screen and (min-width:768px){
.carousel-caption {
margin:0;
left:0;
bottom:90px;
}
}
.homepage-carousel .item .carousel-caption > .btn-primary {
position:absolute;
background-color:#c29210;
border-color:#9b750d;
left:65px;
}
/********************************************************************/
/*** First Row Attractors ***/
#FirstRowAttractors {
position:relative;
height:150px;
background-color:#001a70;
color:#fff;
font-size:14px;
margin:0;
padding:0 65px;
}
.attractor {
display:inline-block;
vertical-align:top;
padding: 33px 0 33px;
width:267px;
margin-left:-4px;
}
.attractor:first-child {
margin-left:0;
margin-right:-1px;
}
.attractor:last-child {
margin-left:-5px;
}
.attractor > a,
.attractor > a:hover,
.attractor > a:focus
{
line-height:1;
color: #fff;
text-decoration:none;
font-size:x-large;
vertical-align:top;
padding-top:0;
padding-bottom:0;
margin-bottom:20px;
}
.attractor > p{
margin-top:20px;
padding-top:0;
padding-bottom:0;
}
.verticalRule{
display:inline-block;
border-left:1px solid #fff;
margin:33px 65px 33px;
width:1px;
height:84px;
}
/* What is NAEP */
#WhatIsNaepAndNew{
display:inline-block;
padding:0 65px;
}
#WhatIsNAEP {
display:inline-block;
vertical-align:top;
margin: 50px 76px 0 0;
width:525px;
}
#WhatIsNAEP p {
margin: 25px 0 0;
}
.learn-more {
background-color:#c29210;
border-color:#9b750d;
color:#fff;
margin:25px 0;
}
.learn-more:hover{
text-decoration:underline;
color:#001a70;
}
#WhatsNew{
margin:50px 0 0 0;
display:inline-block;
width:405px;
}
.new-attractor{
display:inline-block;
width:405px;
}
.new-attractor:first-child {
margin-top: 15px;
}
.new-attractor img{
display:inline-block;
width:100px;
float:left;
margin-right:26px;
}
.new-attractor div{
display:inline-block;
width:278px;
}
.new-attractor p{
margin-bottom:0;
padding-bottom:0;
}
.new-divider {
margin:13px 0;
}
.level1-divider {
margin:50px 80px;
}
/* second row attractors */
#row2-attractors {
height:100%;
}
.row2-attractor{
padding:0 65px;
display:inline-block;
text-align:center;
vertical-align:top;
height:100%;
position:relative;
}
.row2-attractor > div.center {
margin-left:-65px;
}
.row2-attractor > div > .learn-more {
margin:0;
}
.bottom{
position:absolute;
bottom:0;
margin:0;
padding:0;
width:100%;
}
.center{
margin-left:auto;
margin-right:auto;
}
/* interactive items */
#interactive-items{
height:205px;
}
.image-align-right{
position:relative;
margin:0 65px;
overflow:auto;
}
.image-align-right img{
float:right;
margin-left:120px;
}
.image-align-right .btn{
position:absolute;
bottom:0;
margin:0;
}
.vertical-center{
position: relative;
top: 25%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/* Data-Tools */
#data-tools{
height:205px;
}
.image-align-left{
position:relative;
margin:0 65px;
overflow:auto;
height:100%;
}
.image-align-left img{
float:left;
margin-right:120px;
}
.right{
text-align:right;
}
.image-align-left .btn{
position:absolute;
bottom:0;
right:0;
margin:0;
}
/********************************************************************/
/*** Video carousel ***/
/********************************************************************/
/*** Content Page ***/
@media (min-width: 992px) {
.content-container {
width: 550px;
margin-right: 50px;
margin-left: 65px;
}
}
@media (min-width: 1200px) {
.content-container {
width: 820px;
margin-right: 50px;
margin-left: 65px;
}
}
/********************************************************************/
/*** Right-Side Panel ***/
.right-panel {
border:none;
box-shadow:none;
}
#right-panel-container{
position:fixed;
padding-top:1px;
}
.openBanner {
position:fixed;
top:171px;
}
.closedBanner {
position:fixed;
top:101px;
}
.lock-right-panel {
top:auto;
position:absolute;
bottom:0;
}
#right-panel-content {
position:relative;
background-color:#fff;
border-radius:3px;
box-shadow:0px 0px 4px 0px rgba(0,0,0,.31);
color:#50536a;
width:245px;
padding:13px 5px;
margin-left:10px;
}
#right-panel-content > #right-panel-head{
font-family:'Open Sans';
font-size:24px;
font-style:italic;
}
.lock-banner {
position:fixed;
top:0;
z-index:2;
}
.lock-nav {
position:fixed;
top:70px;
}
.lock-related {
position:fixed;
top:70px;
}
#banner-content-spacer {
min-height:70px;
}
#navbar-content-spacer {
min-height:50px;
}
#main-content-spacer {
height:50px;
}
/*#main-content-spacer:after {
content: ".";
display:none;
height:50px;
min-height:0;
}*/
/*#right-panel-spacer {
height:70px;
}*/
.scrollUp {
opacity:0.0;
padding:5px 10px;
display:block;
transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
}
.visible{
opacity:0.5;
}
.scrollUp:hover {
opacity:1.0;
}
/* JQuery-UI Accordion*/
.ui-icon { width: 16px; height: 16px; background-image: url(/img/222222_256x240_icons_icons.png)/*{iconsContent}*/; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
/* ******************************** */
/* CONTENT SECTION */
/* ******************************** */
ul{
}
.support-NAEP li {
margin-left:30px;
}
Your #footerText is technically at the bottom of the page, and you’re using relative positioning (top:-30px) to move it up into the orange-ish background. However, with relative positioning and using those offsets, the physical location is still at the bottom of the page. It only moves visually.
Looks like you want #footerText to be inside of the panel, yes? I’d move it inside of the #footerPanel element.
1 Like
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.