I design websites… a lot. Every now and then, for no apparent reason, HTML and web design can throw a curveball at me. I recently had to exhaustively search the web for a solution to a seemingly simple problem.
With a recent website I designed… (simple table layout, nice clean css), I was noticing a space between the flash movie that I had designed and put on the page. I couldn’t figure it out. My css was clean, the tables were pixel perfect… but no matter what I did, I couldn’t get the damned space away.
I did exhaustive research (until 2 am), and finally got an answer.
When you encounter this issue, you can use this little snippet of css magic to eliminate the space. Generally the issue is when you want to use a flash movie and have a background butt right up against the bottom of it. Who knows why browsers can’t sometimes see the code the way we see it.
td object, td embed { display:block; }
Good luck!
Thanks for this! It was sending me mad!
Thank you so much for addressing this!! However, I’m not sure where to input the code? I’ve tried lots of spots and it keeps messing my code… see below…
<!–
Content on this page requires a newer version of Adobe Flash Player.
<!–
This I don’t see any thing in the code that deals with placement, etc. It’s really about what’s happening in your css.
1- What editor are you using, or is it a CMS / Blog
2- Where is the Flash item being placed?
3- Do you have an URL that I can look at?
Thanks for checking out my blog!
ok, took me a while to figure out how to use this bit of css as im a bit of a noob to css but finally got it working, only it doesnt work in ie. fine in firefox, chrome, opera but not ie. any solution?
Do you have an example of the code? Send me a link via my contact form, and I'll take a look at it and see if I can figure it out. Which version of IE are you looking at it with?
Thank you!