CODEWITHSUNDEEP
css
Gaby Solis
Gaby Solis

Reputation: 2587

Possible reason: Same CSS but Different Result

I am trying to modify one WordPress theme http://demo.wpzoom.com/evertis/ and use it on my own site.

However, something weird occured, the footer area will not display properly with Firefox (while it works fine on IE8):

enter image description here

The original theme works fine on Firefox and IE8. enter image description here

Whats the possible reason?

More Information: I am using Notepad++ with Encoding "UTF-8 without BOM." Many years ago, I saw a problem similar to this one with IE6, after I change the Encoding to "ANSI", everything is fine. But this time it wont work.

Thanks a lot!

Upvotes: 1

Views: 739

Answers (2)

bjedrzejewski
bjedrzejewski

Reputation: 2436

I think the problem is with the display: inline-block which is known for having issues. Here is an article where you could find the answer you are looking for:

http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/

Upvotes: 0

Lowkase
Lowkase

Reputation: 5699

Try overriding the margin-right on the last footer section, something like:

.wpzoom-flickr-photos { margin-right:0; }

Upvotes: 2

Related Questions