Strange Fire fox Bug

[HDFilmMaker2112]

On the following site:

 

http://makethemoviehappen.com/index.php

 

Do the tables look lumpy when you scroll through the Credits tables? On my computer the tables rows vary in width a few pixels giving a bumpy look to the tables. I don't see this on IE8. Is this only my comp. or a firefox bug?

[trq]

There are no tables on the page you link to.

[HDFilmMaker2112]

Actually there is, I forgot to mention the page funnels into a Non-disclosure agreement (gateway page), click through it and you'll see the tables.

[cssfreakie]

assuming that something is a browser bug makes no sense certainly for firefox. I recommend you read this article from top to bottom, recreate the examples given, and apply it afterwards to your website. http://coding.smashingmagazine.com/2008/08/13/top-10-css-table-designs/

 

lumpy is to vague for me.

[HDFilmMaker2112]

I think the issue is because it's a scroll table. Some of the left side of the table protrudes out further than other parts. Each row seems to have a slightly different width, when they're all set from the same CSS. It's not an issue at in IE.

 

 

 

 

The above is just what I could get right now... occassionally it's much worse. It varies based on scrolling the table or scrolling the page.

[cssfreakie]

ah i see, well in order to fix that you at least need to set a width to the various table cels (td) and besides that a sneaky trick: display:block on the table row. this will probably make your table border twice as thick. so instead you probably need to set the border to 1 px.

 

if you use firebug it's easier to play with this. notice what happens when you set the tr to display block. (and don't forget to give the tablecells a width.