Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Website Layout - height not extending

Posted on 2012-03-12
3
168 Views
Last Modified: 2012-03-12
Dear Experts,

I am relatively new to working with CSS and trying to modify a template for a STEM project we are having at our small school District.

Here is the site:

http://www.okinawa.pac.dodea.edu/stem/

For some reason I am unable to get the page to show the remaining content at the bottom. I have thirteen schools and currently have information for two in html code but only one school shows up on the page.

Could someone take a look at the page and assist?

Thanks!
0
Comment
Question by:shogun5
  • 2
3 Comments
 
LVL 38

Accepted Solution

by:
Tom Beck earned 500 total points
ID: 37712904
The only browser where I'm seeing the problem you describe is IE8 compatibility mode (IE7).

You can fix that by removing the height:100% from the css for #footer-box.
0
 

Author Comment

by:shogun5
ID: 37713070
tommyBoy,

Is there is way I can get this page to work in both modes? When I take the height out as suggested the problem still persists. Some of the users will no doubt be running in capatibility mode.
0
 

Author Closing Comment

by:shogun5
ID: 37713100
Nevermind. Got it! I did not refresh the css file. All works good now. Thanks for the information about the compatibility mode. This was helpful.

Cheers!
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
jQuery Sticky Menu 24 36
tiny glitch in my main slider 3 39
Html form and modal / img src -problem 3 30
Javascript 2 23
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

837 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question