Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    Junior Member Spasm's Avatar
    Join Date
    Feb 2008
    Posts
    19
    Member #
    16437
    Internet Explorer is giving me a lot of trouble with this page. I have a bunch of divs that are pretty much only there to display a background image, so I can easily change the layout of whole page by just changing the css file. Internet Explorer puts spaces in weird places, and it can't display transparent png images... It looks like it should in Firefox, and I haven't tested it with any other browsers.

    Here is the page: http://spasm.in/ie_sucks/index.html
    Here is an archive with the files: http://spasm.in/ie_sucks/ie_sucks.zip

    It is nowhere near complete, and there's going to be alot of changes, but I figure I should find a solution before I have even more things that need to be fixed

  2.  

  3. #2
    Senior Member imagn's Avatar
    Join Date
    Jul 2007
    Location
    Los Angeles
    Posts
    156
    Member #
    15594
    First off, IE can't display transparent PNGs without using a JavaScript hack which, if you send me a reminder message, I'll respond to you with it.

    Also, like the other post, we need some reference as to what exactly is wrong and a screen shot of what it should look like wouldn't hurt either.

  4. #3
    Junior Member Spasm's Avatar
    Join Date
    Feb 2008
    Posts
    19
    Member #
    16437
    This is how Firefox renders it, which is how I want it to look: http://img129.imageshack.us/img129/5899/correct.jpg

    This is how Internet Explorer renders it, which sucks: http://img129.imageshack.us/img129/4985/incorrect.jpg


    Each one of those 4 divs (pageHeader, pageNavigation, pageMain, and pageFooter) contains two divs, pagePrefix_header and pagePrefix_content. pagePrefix_header then contains three more divs, one for each the corners and one for the middle, which displays those green things with the rounded corners.

    Now I'll explain what IE does wrong from the top down.


    The pageHeader_header is being displayed, even though I explicitly set the height to 0px.
    There is a space inbetween pagePrefix_headerLeft, pagePrefix_headerMiddle, and pagePrefix_headerRight, which shouldn't be there. They are both floated to left and right of the middle div, and I don't know why it's doing that...

  5. #4
    Junior Member Spasm's Avatar
    Join Date
    Feb 2008
    Posts
    19
    Member #
    16437
    I figured out what was wrong with pageHeader, IE has problems with empty divs, and was not allowing me to set the height to 0px. Placing an empty comment tag inside each one fixed it. I'm still having problems with the little gap inbetween the corners and the middle thing though.

  6. #5
    Senior Member imagn's Avatar
    Join Date
    Jul 2007
    Location
    Los Angeles
    Posts
    156
    Member #
    15594
    Without seeing the actual code it looks like it might be that you're indenting your image calls within either divs or table cells. For example:

    <td>
    <img src="images/something.jpg" alt="" />
    </td>

    When it should be:


    <td><img src="images/something.jpg" alt="" /></td>

    Same would go for <div> instead of <td>. I never bothered to find out why IE doesn't like this but it doesn't Again without seeing the actual code this is just a shot in the dark.

  7. #6
    Junior Member Spasm's Avatar
    Join Date
    Feb 2008
    Posts
    19
    Member #
    16437
    There isn't a table on the whole page, and the only img tag in there is for the banner at the top. I use empty divs and then set the background-image property (I want it to make it really easy for myself to add different 'skins' to the page later, like just by linking a different css file). I isolated the problem with just one div, it's like 4 lines of HTML and I took out all the irrelevant stuff in style.css, so nobody is going to have to sift through the whole page to help me . It's all in the attachments.
    Attached Images Attached Images

  8. #7
    Member Arkymedes's Avatar
    Join Date
    Jun 2007
    Location
    Lons-le-Saunier, France
    Posts
    65
    Member #
    15389
    Liked
    1 times
    I tested your files with IE7 and was ok.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:26 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com