Goddamn IE :(

Discussion in 'HTML & Website Design' started by Angadude, May 17, 2009.

0
  1. #1
    Hello everybody. I have a design up on http://liveips.com/

    It shows perfectly on FF, but IE just ruins it. I have absolutely no idea what is triggering the design off in IE. ANY help would be much appreciated.

    Thanks for your time, folks :)
     
    Angadude, May 17, 2009 IP
  2. KnuTz

    KnuTz Well-Known Member

    Messages:
    169
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    130
    Digital Goods:
    1
    #2
    first of all you should have at least hand coded that, stay away from software generated code
     
    KnuTz, May 17, 2009 IP
  3. Angadude

    Angadude Peon

    Messages:
    250
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    hand coded that? It would take HOURS :( I need to have all the images well-aligned. How do I get the slices perfectly arranged without code generation?

    I designed that PSD, and I sliced and modified it. If you can find the glitch, I'd owe you one.
     
    Angadude, May 17, 2009 IP
  4. Sky AK47

    Sky AK47 Member

    Messages:
    298
    Likes Received:
    8
    Best Answers:
    1
    Trophy Points:
    45
    #4
    Hand coding > software generated, and it's also not w3schools xhtml valid.

    It's super messy, so I suggest you to recode the whole thing or just the menu.
     
    Sky AK47, May 17, 2009 IP
  5. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #5
    Not if you do it properly, its about an hours work at most. You use CSS background images and avoid tables and spacer.gifs to build something like this. Do not use that Adobe rubbish for your Rollover images, in fact don't use Javascript at all for rollovers

    IE is not the one breaking it, its your code, because your site also fails hard on Opera (which unlike IE, is standards compliant)

    The only way you can fix this is to learn to code properly - use as little HTML as possible, chuck on some CSS to style it and then add images. Or pay someone else to do it.
     
    blueparukia, May 17, 2009 IP
  6. crane

    crane Peon

    Messages:
    131
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    found 11 errors using validator.w3.org, rectify them
     
    crane, May 17, 2009 IP
  7. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #7
    W3Schools is not related to the W3C in any way.
     
    drhowarddrfine, May 17, 2009 IP
  8. Angadude

    Angadude Peon

    Messages:
    250
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    @blueparukia: Thanks a lot for that. Now googling for using CSS to hand code. Could anybody tell me how to go about hand-coding?

    @Sky AK47: I know...I've never been able to get a W3C valid :(
     
    Angadude, May 18, 2009 IP
  9. free3dart

    free3dart Active Member

    Messages:
    241
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #9
    try stylizer, which will give you the option to view both in IE and FF. it will do the CSS coding for you.
     
    free3dart, May 18, 2009 IP
  10. Angadude

    Angadude Peon

    Messages:
    250
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #10
    That's software generated again, ain't it? Not that I have too much against software generated code, but besides, I read up on Stylizer. It doesn't let me do a PSD, right?
     
    Angadude, May 18, 2009 IP
  11. saxDesigns

    saxDesigns Peon

    Messages:
    491
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Stay away from Imageready produced code. The layout breaks in FF as well anyhow!
     
    saxDesigns, May 18, 2009 IP
  12. Sky AK47

    Sky AK47 Member

    Messages:
    298
    Likes Received:
    8
    Best Answers:
    1
    Trophy Points:
    45
    #12
    Sorry for not being perfect, that's what I meant..
     
    Sky AK47, May 18, 2009 IP
  13. Angadude

    Angadude Peon

    Messages:
    250
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Okay. I got the glitch fixed. Thanks a lot for everything guys. Apparently, it was triggered because there was a return character before the </td>

    The index.html I had didn't glitch, but in the index.php, I had the </td> out of the print statement and the PHP block, so PHP generated a newline at the end of the print and messed up the design, as it printed a newline character before the slice and threw it down!
     
    Angadude, May 18, 2009 IP