Crazy HTML problem....

A little background: I inherited this code as the "developer" before me left unexpectedly. He was WAY behind schedule which means there isn't time for a full rewrite so any fixes have been band-aids.

Which leads me to my problem: if you go to the dev site: and look at the content area, there is about a 2 inch gap of whitespace between the news and the bottom of that box. For some reason, everyone is zeroing in on it and wanting it removed. I've been trying to figure out why that gap is there but can't find any reason either in code or html as to why it exists.

It's driving me crazy and I think I'm at the point where I've been staring at the code for so long that I wouldn't be able to see it anymore.

Once this site is launched I'll be able to re-write it but for now, this is my only option. Any help would be greatly appreciated.
Who is Participating?
jonahzonaConnect With a Mentor Commented:
Got it.

Then that particular div needs to be given a dynamic size, such as 100% or auto, and the divs that are nested inside of it also need the same dynamic size.

From what I could see, you have quite a few nested divs that need some css properties to tell them to dynamically resize.

It is hard for me to edit them in Firefox, because, well, it sucks. But I would look at all those nested divs and make sure they are given properties in your CSS file.
Try adding a height attribute for the #s5_content_wrap at line 678.

Try adding this:

height: 760px !important;

Open in new window

Here is what it looks like with that change applied to the template_css.css file.

(edited locally with Firebug) Locally edited CSS of webpage screenshot
Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

fredstovAuthor Commented:
The problem is that the page is automatically generated through joomla. Some pages could be larger than that.
fredstovAuthor Commented:
That steered me in the right direction. I created a quick module that just printed the necessary CSS fix and set it to only load on that one page.

Thanks for the help!
No problem. Glad to help Jacksonville University!
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.