Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Feb 2009
    Location
    Delaware
    Posts
    11
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Exclamation Site displaying fine in FF/Chrome, but not IE7

    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.

    http://www.podiumassault.com/

    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
    Last edited by PodiumAssault; 03-30-2009 at 03:26 AM. Reason: Resolved! :)

  • #2
    ubh
    ubh is offline
    Regular Coder ubh's Avatar
    Join Date
    Apr 2008
    Location
    Portland, Oregon U.S.A.
    Posts
    443
    Thanks
    108
    Thanked 15 Times in 14 Posts
    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

  • Users who have thanked ubh for this post:

    PodiumAssault (03-30-2009)

  • #3
    New Coder
    Join Date
    Feb 2009
    Location
    Delaware
    Posts
    11
    Thanks
    7
    Thanked 0 Times in 0 Posts
    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?

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Start with fixing errors in your markup, see http://validator.w3.org/check?uri=ht...Inline&group=0
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    PodiumAssault (03-30-2009)

  • #5
    New Coder
    Join Date
    Feb 2009
    Location
    Delaware
    Posts
    11
    Thanks
    7
    Thanked 0 Times in 0 Posts
    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.

    Thanks!
    -- Ryan

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    IE7 displays your missing floats if you change one to this -
    Code:
    #rightContent {
    	width: 430px;
    margin: 0 0 0 510px;
    	text-align:left;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    PodiumAssault (03-30-2009)

  • #7
    New Coder
    Join Date
    Feb 2009
    Location
    Delaware
    Posts
    11
    Thanks
    7
    Thanked 0 Times in 0 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •