View Full Version : Resolved Site displaying fine in FF/Chrome, but not IE7

03-29-2009, 06:46 AM
After hours and hours of coding, I'm lost.

This had worked a few days ago, but so much of my code was revamped that I guess it just slipped under the radar until I tried to view the website in IE to see how it fared.


The site is still in what I refer to as a 'public beta' so to speak, as we're getting ready to launch. But this problem has just sort of fried my brain. I can fire it up fine in FireFox and Chrome...but whenever I try to load it up in Internet Explorer the site seems to vanish after the Menu.

Perhaps it is a CSS error on my part? (which I imagine, you'll all roll your eyes at my awful CSS, haha)

It doesn't seem like it would be on the PHP side of things. All the source code seems to be there when you look for it in IE.

Any help would be appreciated :)

-- Ryan

03-29-2009, 06:53 AM
Not tested but try and give your #latestNews CSS rule a height of 400px, the height of the image it contains.

Also note that in IE6 your PNG images will fail to render transparent unless you use a PNG24 fix that can be found here.

http://www.devinrolsen.com/tutorials/javascript/png24_ie_fix/index.php (http://www.devinrolsen.com/tutorials/javascript/png24_ie_fix/index.php)

03-29-2009, 07:01 AM
No luck on the #latestNews height. :(

I left a height out of that element because the actual pictures that will appear there will vary in height, but remain a steady width.

I'll definitely look into the .PNG fix, thank you. But what is just baffling about this is that it worked up until some point this week, as I had viewed all the 'test' stories I had created for the website and the images that displayed with them. Plus, when you view the Team Members page, or the Setup Page, etc...it all uses primarily the same code and they display just fine.

It's just weird, probably an IE problem I'm not aware of. I'll have to give the .PNG fix a try...but I'm using IE7, so it shouldn't be a problem?

03-29-2009, 02:33 PM
Start with fixing errors in your markup, see http://validator.w3.org/check?uri=http%3A%2F%2Fwww.podiumassault.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

03-29-2009, 07:42 PM
I've removed most of the errors, save for one. Which I have no idea how to remove. :(

Oddly another problem erupted in FireFox only. The image banner across the top was moved halfway to the right, so I added a "clear:both" to the element and it seems to have shifted it back. The problem didn't occur in IE/Chrome, however.

But with IE, at least on my laptop/desktop, nothing appears beneath the Menu. Still, after all the mark up fixes and what not.

Am I the only PC having these problems? I've had a friend say it worked just fine in IE (although I'm not sure which version he has) so I guess I'm at a loss right now.

Any further help or suggestions, fire away.

-- Ryan

03-29-2009, 08:41 PM
IE7 displays your missing floats if you change one to this -
#rightContent {
width: 430px;
margin: 0 0 0 510px;

03-30-2009, 04:25 AM
After going through each div one by one and removing them to see if the sections would pop up, I found that it was my contentContainer DIV that had a width of "auto" and as soon as I changed that width to something specific (940px in this case, I believe) everything appeared normally.

Thank you to everyone for their suggestions and help, as I've taken all of your suggestions into account and included them. The PNG fix and the validation especially.

-- Ryan