CSS problem??

http://hladikconnie.wp.hobbsherder.com/seller-tools/

Every page is creating a large space between the end of the content and the footer. I can't figure out why this is happening.

 

Look at this:

.hh-post-body {
  padding: 35px 20px 25px 35px;
  }

Code (markup):

Line 1080 of style.css

cheers,

gary

 

gary, i'm not sure what you're pointing out to be the problem is. that's just minimal content area padding. what's happening is on all the pages, there is a huge space between the content and the footer. i don't know what is creating all that space.

 

I don't see the big gap you are talking abot. What I do see is a page with 41 validation errors; including phantom tag ending which are a structural issue and HTML5 attributes used in an XHTML document. Garbage in; garbage out.

Perhaps if you post a screen shot we can see the gap you are talking about. However it is pointless trying to fix a page with abunch of structural errors in the markup as it is likely to just break somewhere else.

 

Get rid of the height:100% on the body in style.css line 218

 

this is really really awkward. if you go to any of the subpages like this one http://hladikconnie.wp.hobbsherder.com/new-listing-alert/ and you minimize the height of your browser, it actually affects the site height. i took that 100% height out and that did nothing so i'm putting it back in.

but depending on stretching your browser, the length between the end of the content and the footer gets even bigger. i've never seen anything like this before

 

also might i add...this is only an issue with Safari and Chrome...looks fine in FF.

 

This appears to be javascript generated. Disable the js and the space goes away. I am not going to dig through that pile of silliness to figure out who's doing what to whom. The source as a whole is a poster child for Cluster-**** International.

BTW, your mention that Chrome/Safari are the problem browsers should have been mentioned in the original post. By leaving that datum out, you've wasted a lot of people's time and effort.

 

first let me say thanks for your response. secondly, what's up with trying to rip me a new one. sorry about not posting that in the original...i was trying to figure this stuff out.
what do you mean "disable the js" ...where would that be? in the header.php file?

 

Regarding mention of which browsers exhibit the problem, determining where and when the issue occurs is debugging 101. Since you didn't specify which browser/s, why would we guess it was other than across all css aware browsers?

Regarding the javascript, it's simple to turn javascript off in the browser for finding the gross issue, but that's not what you need to fix it. The first step, when you suspect scripting is to remove the scripts. You should not have added scripts before the pages were working properly anyway, so you're really just rolling back to a working version. Now add the script links back, one at a time and test until the page goes tits-up again. The last addition is probably the culprit.

cheers,

gary

 

i fixed it. height:100% important;

 

Wonderful a fresh hack to fix a page full of hacks.