Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Website Layout - height not extending

Posted on 2012-03-12
3
Medium Priority
?
175 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 2000 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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

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.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

581 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