Firefox Footer Display Problem

dinvestor
(@dinvestor)

18 years, 1 month ago

My investment blog website URL is: http://dinvestor.com. The problem has to deal with the display of the footer “disclaimer” bar. On MSIE, it appears at the proper location while not in Firefox. I could not figure out the culprit in both the php and css codes.

My theme is entirely based on the Kubrick theme so the CSS should be nearly identical.

Here are so relevant CSS codes I am using…

#page {
margin: 20px auto 0 auto;
padding: 0;
width: 760px;
height: auto;
}

.narrowcolumn {
float: left;
padding: 0 0 0 30px;
margin: 0 0 0 0;
width: 500px;
}

#footer {
width: 100%;
clear: both;
}

#sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
height: auto;
}

Any feedback or suggestions would be greatly appreciated. I prefer Firefox over MSIE and this is the FIRST problem I’ve ever encountered with FIREFOX!!! -_-

Viewing 10 replies - 1 through 10 (of 10 total)

oncidium
(@oncidium)

18 years, 1 month ago

If you temporarily switch to another theme (classic or default) does the footer show up then in firefox?

moshu
(@moshu)

18 years, 1 month ago

Try validating the site:
http://validator.w3.org/check?verbose=1&uri=http%3A//dinvestor.com/
there are at least 2 obsolete div closings which might cause lots of problems.

shawn-c
(@shawn-c)

18 years ago

I too have this problem, but using the Default theme provided with WordPress. Again, only in Firefox. I used the validator moshu recommended there and according to it the site passed validation.

Anyone else have any ideas as to why this occurs?

shawn-c
(@shawn-c)

18 years ago

I guess no one else uses Firefox…….(right)? So no one else has noticed this annoying issue??

ladydelaluna
(@ladydelaluna)

18 years ago

I checked dinvestor’s site in FF and IE6 and see no differences in the footer at all…

shawn-c: if we had a link to your site, maybe we could check yours out for you.

shawn-c
(@shawn-c)

18 years ago

Surely… http://www.catchthespiritfishing.com/report/

I can tell you exactly what the problem appears to be, but I don’t know what to do about it. It only occurs on pages that are tall enough to force the side scrollbar to appear. When this happens the whole page adjusts to the left to compensate for this as it should, except the footer. No matter what I’ve tried the foot will stay exactly where it is and will in turn appear to not line up with the rest of the page.

ladydelaluna
(@ladydelaluna)

18 years ago

hmmm – well I can tell you that the way I’d resolve it is by getting a new theme. Kubrick is notoriously difficult to modify for CSS newbies… and I’m not even a CSS newbie but I refuse to touch it.

shawn-c
(@shawn-c)

18 years ago

Well that’s unfortunate that it works that way (or doesn’t work I should say)… especially given the fact that it’s the default theme and all.

Speedie
(@speedie)

18 years ago

The cause isn’t quite as simple as the scrollbar being present or not. If you make the Firefox window so it’s not maximized, then move the right hand edge of the window in or out very slowly (1 pixel at a time), you can see the footer alternately being offset and then righting itself again. This happens whether the scrollbar is present or not. I’d love to find a solution to this as it’s such a nice theme.

There is allegedly a solution here:
http://wordpress.org/support/topic/61234?replies=22
but I’ve been unable to identify exactly what code I need to change to apply the footer fix only (the files provided fix some other issues as well).

shawn-c
(@shawn-c)

18 years ago

Hey Speedie! Thanks for that! It works! All you need to do is take his RAR file and upload it as an entirely new theme. Once you get it there it will be called the same as the default but won’t have a screenshot. Choose to use that theme and all is fixed! Thanks again!!