View Full Version : Using CSS with Javascript (Small Gap Problem)

05-14-2007, 10:18 PM
I am using the SWFObject Method (http://blog.deconcept.com/swfobject/) for embedding flash in the header section of my home page so that my page validates when I use a strict doc type. This method using a small snippet of javascript to embed the flash. Unfortunately, this leaves a small gap between my header and top naviagation bar when viewing my home page in Firefox. Does anyone know how to remove this small gap using CSS? To view the problem, visit www.gositelive.com using Firefox. You can view my css at http://www.gositelive.com/css/default.css

NOTE: I have applied display:block; to the image that I use in the header section of all my other pages (flash not used in header section) to remove the gap. This works fine. I tried applying display:block; to the script tag on my home page but this didn't work.

05-14-2007, 11:36 PM
Add this to your CSS

#skiisup {
The second parameter in SWFObject() is the id of the object tag.

05-14-2007, 11:49 PM
Thanks Aerospace. The css you suggested worked. Awesome!