Results 1 to 6 of 6

Thread: ie6/7 srevy tables.

  1. #1
    Mild Fuzz is offline Here For The Peanuts
    Join Date
    Feb 2010
    Posts
    106

    Default ie6/7 srevy tables.

    ie6 and 7 (untested in 8) is having a hard time rendering my table

    http://tinyurl.com/fitz-timetable

    *using tiny url as bing seems to be indexing results for 'fitzgraham' from forums, despite it having a no-follow, google is still cleverer than bing.

    As you can see, ie6 repeats the background image in each cell, as apposed to each row, and also loses my last column, and my alignment is all screwy!!

    Help!!

  2. #2
    chipbennett's Avatar
    chipbennett is offline WordPress Legend
    Join Date
    Feb 2009
    Location
    St. Louis, MO
    Posts
    1,993

    Default

    It is a known CSS rendering bug with IE6. Applying a background-image to a TR causes all the child TDs to inherit that background-image.

    You might try something that will degrade a bit more elegantly - perhaps setting the TD background-image to 'none' (which will cause the entire TR image not to display in IE), or use TR:before and TR:after to apply the rounded ends (using images cropped from your current image), and then set the background-color of the TR (and/or the TDs, as necessary) equal to the color of the image (I'm not a fan of using images to display flat colors, anyway).
    WP TurnKey - Turn-Key WordPress installation and maintenance services
    WordPress user since 2005 | @chip_bennett | chipbennett.net | cbnet Plugins

  3. #3
    Mild Fuzz is offline Here For The Peanuts
    Join Date
    Feb 2010
    Posts
    106

    Default

    fixed it now by redefining background image for each cell and using positioning. Annoying that I had to implement a different fix after discovering that despite fixing it in IE, it was still broken in Safari!! All better now though.

    BTW it's not a flat color, it has a faint transparency which allows it to inherit some of the noise from the background layer.

  4. #4
    chipbennett's Avatar
    chipbennett is offline WordPress Legend
    Join Date
    Feb 2009
    Location
    St. Louis, MO
    Posts
    1,993

    Default

    Quote Originally Posted by Mild Fuzz View Post
    fixed it now by redefining background image for each cell and using positioning. Annoying that I had to implement a different fix after discovering that despite fixing it in IE, it was still broken in Safari!! All better now though.

    BTW it's not a flat color, it has a faint transparency which allows it to inherit some of the noise from the background layer.
    You can still use a background-color, and set transparency.
    WP TurnKey - Turn-Key WordPress installation and maintenance services
    WordPress user since 2005 | @chip_bennett | chipbennett.net | cbnet Plugins

  5. #5
    Mild Fuzz is offline Here For The Peanuts
    Join Date
    Feb 2010
    Posts
    106

    Default

    Quote Originally Posted by chipbennett View Post
    You can still use a background-color, and set transparency.
    yeah, but I figured this would work. I didn't realise how hacky it would have to be

  6. #6
    anmari is offline Hello World
    Join Date
    May 2009
    Posts
    21

    Default

    Getting the html to validate usually also helps sort out weird browser errors. You've got some table html errors.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •