Grow your CSS skills. Land your dream job.

[Solved] Strange break in IE

  • # June 19, 2009 at 11:58 am

    So this is early stages of the site. i have just installed a (really great!) even calender, combining some database stuff, jQuery and PHP.
    [url]
    http://www.skateboardingvideo.co.uk/testing/shows.php[/url]

    works fine in firefox (obviously ;) ) then IE see some strange breaks which i cant work out.. The sight becomes un-aligned (IE7) and lots of the styling for text below the PHP seems to break.

    IE6 is another story! i know i have problems there, but i am more focused on fixing this in IE 7 to start..

    Any help much appreciated!

    Thanks
    Alex

    # June 19, 2009 at 12:19 pm

    I’ve only had a look with IENetRenderer (I’m on a mac) and been through it quickly with firebug. The only problems I am seeing are in the sidebar.
    Couple of things I did notice are:
    This isn’t doing you any favours, and probably confusing the hell out of ie

    Code:

    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Lose the first <html>
    You have used img id="icon" 4 times and consequently none of your items are getting their padding in ie. Try changing it to a class instead.

    # June 19, 2009 at 12:27 pm

    fantastic! I just made both those changes and voila! that extra html tag i think was the culpret.. silly little mistake and then it breaks the entire site! lol.

    Im sure i will be back with more problems at some point ;)

    cheers!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".