Solved

Website Layout - height not extending

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

ScreenConnect 6.0 Free Trial

At ScreenConnect, partner feedback doesn't fall on deaf ears. We collected partner suggestions off of their virtual wish list and transformed them into one game-changing release: ScreenConnect 6.0. Explore all of the extras and enhancements for yourself!

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

803 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