WordPress.org

1. davaobase
   Member
   Posted 4 years ago #

   I'm really at a loss here. You see, I just had my website created:

   http://www.davaobase.com

   I also have 2 WordPress blog sites under this domain:

   http://blog.davaobase.com
   http://www.davaobase.com/articles

   To make the pages come alive, I decided to place a Flickr badge of my pictures for selected posts. You can see it in action here:

   Camiguin - Always and Forever (badge is at the bottom)

   Basically, the front page of my DavaoBase.com website captures the latest blog entry from my 2 WordPress blogs, using Feedburner. As a result, the site looks flawless when viewed in Firefox. But it's an entirely different scenario in IE. The Flickr badge (supposedly appearing at the bottom) is "pushed" at the center-right side of the page, thereby destroying the page layout.

   View the page in Firefox and in IE, and see the difference. (badge should appear at the bottom)

   HELP! I hope you can help me on this. My last resort will be to never use Flickr badges on my WordPress blog entries, but I know this is an insult to the people behind WordPress.

   Thanks in advance!

   P.S.
   If you need the source code of the Feedburner script that I'm using for the site's front page, click here:

   http://feeds.feedburner.com/davaobasestories?format=sigpro

2. hakre
   Member
   Posted 4 years ago #

   The feature you talk about ("Flickr badge") depends on javascript files. Those files are injecting HTML inside your page that already has been deliviered to the users browser. The HTML is formatted with CSS, the CSS rules tell the browser on how to display that HTML then.

   Different Browsers do display the same HTML/CSS in different ways. In your example, you can proof that there difference when you compare the display of your page in internet explorer with the one in firefox.

   So factually, nothing went wrong, the browsers do both what they are commanded to do. To change the display, you might need to modify your themes CSS to display it "properly" in any browser.

3. davaobase
   Member
   Posted 4 years ago #

   Any specific ideas about this? I mean, what specific parts of the CSS code do I need to change in my themes, so that the Flickr badge would appear properly in IE?

4. hakre
   Member
   Posted 4 years ago #

   I can not tell you because I have a strict anti-scripting policy in my internet explorer. Therefore I do not see any flickr images there anyway.

Topic Closed

This topic has been closed to new replies.