Hi Victoria,

Sorry for the delay in replying. I guess I’ll just leave it as is for now, although I still don’t think it looks very good. If I wind up having a page that has minimal content I can try to figure it out, or I’ll reopen a thread here.

Thanks.

Hi Nikko,

That’s a step in the right direction, but not quite it. When I adjust min-height on these, it looks great on my laptop, but when I look on my desktop with a larger resolution it looks exactly the footer problem in this other thread I just found and linked to at the bottom of the post. Here’s a quick image of what that footer looks like on my monitor so you can get an idea;

If I push out to 850px the desktop looks much better but the laptop has a lot of extra scrolling involved for no reason now.

The solution given in the thread below was a sticky footer/socket which I did with the code snippet below.

#socket {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-height: 52px;
}
#footer{
position:fixed;
bottom: 52px;
width: 100%;
}

And that looked great but I still have to use a short container class min height pixel that creates extra scrolling on the laptop, else the red creeps up behind and above the sticky footer widgets like so:

I really need something that is smart/responsive enough to say “user screen is X px, short container class min height = X – header px – socket px – footer px”. Is that possible?

Here’s the thread I found that show’s a site that has the same problem:

Mike,

The javascript adjustment works perfect. Everything gets displayed and interpreted by mathjax just as it should.

Thanks very much for the support!