treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] Strange break in IE

  • So this is early stages of the site. i have just installed a (really great!) even calender, combining some database stuff, jQuery and PHP.

    http://www.skateboardingvideo.co.uk/testing/shows.php

    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
  • 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
    <html>
    <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
    <html xmlns=\"http://www.w3.org/1999/xhtml\">

    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.
  • 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!