Link to home
Start Free TrialLog in
Avatar of fredstov
fredstov

asked on

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: http://anvil.ju.edu/joomla/ 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.
Avatar of jonahzona
jonahzona
Flag of United States of America image

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) User generated image
Avatar of fredstov
fredstov

ASKER

The problem is that the page is automatically generated through joomla. Some pages could be larger than that.
ASKER CERTIFIED SOLUTION
Avatar of jonahzona
jonahzona
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
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!