Flash-based menu TEARS badly, but used to work just fine!

Discussion in 'HTML & Website Design' started by Kai2810, Jan 31, 2010.

  1. #1
    Hi guys,

    I'm having my client's site flash menu sitting right at the top. You can see that here.
    http://www.mydrumschool.com/

    If you scroll up and down, the flash menu displays perfectly.

    But after working on the site to implement some features, I am forced to change the doctype, and that kind of screwed-up the tables. I reworked the tables and the layout looks good. But now the flash menu TEARS up whenever I scroll up and down, which is very obvious due to the black bar running across the top.
    http://www.thienkaiwei.com/index1.html

    This prob occurs in both FF and IE...

    I'm not sure if it's due to the doctype, so I changed it. Now it still tears up.
    http://www.thienkaiwei.com/index2.html

    Any ideas? Any help will be much appreciated...
     
    Kai2810, Jan 31, 2010 IP
  2. Kai2810

    Kai2810 Active Member

    Messages:
    68
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #2
    Anyone? :(
     
    Kai2810, Feb 1, 2010 IP
  3. Kai2810

    Kai2810 Active Member

    Messages:
    68
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #3
    Someone please advice!!
     
    Kai2810, Feb 3, 2010 IP
  4. jonbeebe

    jonbeebe Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I looked at your example and it looks like everything is working fine for me. I'm using Firefox 3.6 on a Mac... have you tried another browser or same-browser different system? Maybe it's your connection or a plugin that's tearing things up for you.
     
    jonbeebe, Feb 4, 2010 IP
  5. Kai2810

    Kai2810 Active Member

    Messages:
    68
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #5
    Hi jonbeebe, thanks for replying!

    sorry I may have not been clear earlier.

    The whole flash menu block at the top is actually in a <td> cell sitting between two table <td> cells that have a repeating .jpg background. When the user is not scrolling up or down, the everything looks fine.

    But when one scrolls, you can see that the flash menu block sort of like disconnect with the two table cells beside it. This is made obvious by the black bar running across the top. But once the scrolling stops, everything is fine again.

    My client specifically mentioned to have this fix, even though it may look minor.

    any idea why this 'distortion' occurs?
     
    Kai2810, Feb 4, 2010 IP