Solved

Website Layout - height not extending

Posted on 2012-03-12
3
164 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

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

746 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

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now