• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 173
  • Last Modified:

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.
0
fredstov
Asked:
fredstov
  • 4
  • 2
1 Solution
 
jonahzonaCommented:
Try adding a height attribute for the #s5_content_wrap at line 678.

Try adding this:

height: 760px !important;

Open in new window

0
 
jonahzonaCommented:
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
0
 
fredstovAuthor Commented:
The problem is that the page is automatically generated through joomla. Some pages could be larger than that.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
jonahzonaCommented:
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.
0
 
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!
0
 
jonahzonaCommented:
No problem. Glad to help Jacksonville University!
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now