...

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



brayd
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.

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

#skiisup {
display:block;
}
The second parameter in SWFObject() is the id of the object tag.

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum