Strange issue

HTML & CSS
1

Hey. got a bit of a strange error. I have a table which holds a flash movie

<td class="banner" colspan="4">
    <div>

      <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1150" height="170">

        <param name="movie" value="banner.swf" />
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="banner.swf" width="1150" height="170">
        <!--<![endif]-->
          <p>Alternative content</p>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object>
    </div>

</td>

At this moment, I removed any css from the bannar class as things were messing up. However, I still have the issue. Basically, it displays fine in all browsers, apart from some internet explorer browsers. It works fine in my ie, but in several people I know, it doesnt. Basically, the movie appears out of its table, half way down the page. Even stranger is when I rollover one of my buttons or something, it pops the bannar into the correct place. So, dont know what is going on here. Is there anything I can add to css to make it display properly?

cheers

2

Depends on version and could also depend on connection time. If a user is on a slow connection then external content (like images/flash etc) take longer to load and the rest of the page has finished being drawn by that time and thus offer the chance for a bad browser to misplace content.

These types of bugs are hard to track down because they only happen intermittently and indeed only for some users and can sometimes only be debugged properly on a machine exhibiting the problem. However, I would suggest trying the fixes I already mentioned and then see what happens:)

3

In your example your flash in a div and the div doesn’t have haslayout by default.

However, as I said above I’d need to see the real page to determine what was going on. It could be that you are using the table-layout:auto algorithm and the table doesn’t know the height of the content until it’s loaded and if it’s flash then it takes longer than expected and gets it wrong. You could try setting table-layout:fixed on the table element assuming that you don’t have flexible column widths etc.

There is no need for the flash to be in a table anyway as it’s not tabular data so if possible do it without a table.

4

Sounds like a “haslayout” issue (see the css faq).

Make sure that the element that holds the flash object has a width (and height if known).

Other than that I’m just guessing and would need to see the page.

5

So looking into things, my video is in a table, so by default, has a layout. So, what does this mean? Does that mean it automatically has thing set for it which i need to override?

6

kool. Can you explain this though. Why does it work fine in some internet explorers, but doesnt in others? This seems a bit strange to me.