Background repeaer problem on IE8

Discussion in 'CSS' started by knickerbocker, Nov 4, 2009.

  1. #1
    I got my site homepage viewed perfectly in all browsers apart of IE8, where the background of a div repeats 3 times although it defined as- no-repeat.
    Please see it at: bit dot ly slash 4iMxXQ (can't post links :( )

    div class=centermenu

    Thanks!
     
    knickerbocker, Nov 4, 2009 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    I'm not seeing the background repeat more than once here, so can I assume you found /fixed that error?

    Otherwise though, I'm seeing four different appearances in five different browsers, with all sorts of positioning oddities. First thing I'd work on is getting your HTML to be, uhm.... well, no polite way to say it, HTML. With 160 validation errors you do NOT have HTML, you have gibberish.

    A lot of the problems cross-browser I'm seeing seem to involve a truckload of inlined javascript for nothing - and it's a sure sign something is amiss when you are using a 34k HTML file to deliver 1.8k of content and ten content images. (all the other images are presentational, I'd put those in the CSS). From what I see for layout there's no good reason for that to need more than 9k of markup - meaning almost three quarters of what you have there is 'cruft' that needs to be pruned. Inlined presentation, unneccessary direct URL's, hordes of unneccessary classes - as I've said billions of times now, if every LI inside a UL is getting the same class, don't put a class on the LI!

    Semantic markup and separation of presentation from content - you might want to try them.
     
    deathshadow, Nov 4, 2009 IP
    rob7676 likes this.