Website Layout - height not extending

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!
shogun5Asked:
Who is Participating?
 
Tom BeckConnect With a Mentor Commented:
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
 
shogun5Author Commented:
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
 
shogun5Author Commented:
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.