• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1027
  • Last Modified:

Why is my content not displaying properly?

Head out to http:/www.countryshowdown.com/songwriting

I built it as a facebook app and intially it worked fine. But recently, while everything displays correctly after you've logged in using a Safari browser, IE will not display the contestants.

If you pop open the hood and look at the source code, you can see the information but it doesn't display. Instead everything is slammed up against the right side of the browser and I don't know what the problem is.

I had a tech from godaddy tell me that there was a problem caused by the presence of unsecure URLs in the context of an https dynamic. But after going through my content and changing all of the "http" to "https", there wasn't any change and I decided to run this up the flagpole and allow some minds greater than my own to take a look at it.

The reason I'm hesitating at thinking that this is a SSL problem is that you're usually asked if you want to look at only those things that were delivered securely and that's not the case here.

So, what am I missing?
  • 2
1 Solution
Chris StanyonCommented:
Your site looked the same in Firefox and IE (7,8,9) - the contestants where showing.

Having said that, here are a few pointers. When designing websites, the best change you have of making sure it views the same across all modern browsers is to ensure your code conforms to certain standards, particularly HTML and CSS. Your site has a lot of HTML errors (including the wrong DOCTYPE - yours is set to FrameSet, but it doesn't look like it should be). I would run your site through the HTML and CSS validators and fix any errors identified. You would also do well to reset your CSS before your start.

One final point - you are using tables to design your site which is not really a good idea, and prone to cross browser display differences. Try switching to an HTML/CSS solution.

CSS Validator: http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.countryshowdown.com%2Fsongwriting%2F
HTML Validator: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.countryshowdown.com%2Fsongwriting%2F
CSS Reset: http://meyerweb.com/eric/tools/css/reset/
brucegustAuthor Commented:
I figured it out!

While there may be ample room for my formatting, the problem that was freaking everything out was the way in which I was referencing the facebook profile pictures in my "facepile."

Rather than coding it like this: <fb:profile-pic uid="<?php echo $row['friend_id']; ?>" width="26" height="26"></fb:profile-pic>, I left out a delimter and wrote it like this:
<fb:profile-pic uid="<?php echo $row['friend_id']; ?>" width="26" height="26"</fb:profile-pic>..notice the absent ">" after "26"

However incremental that might appear, that was enough to monkey everything up.

Thanks for the feedback and if anyone else ever has to contend with this, perhaps my little journey will save someone some time.
brucegustAuthor Commented:
Excellent feedback from the standpoint of those things that need improvement in terms of formatting, but it was the way in which I called my facebook pictures that proved to be the problem, more so than my HTML or CSS.

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now