Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Oct 2006
    Posts
    40
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Using CSS with Javascript (Small Gap Problem)

    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.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Add this to your CSS
    Code:
    #skiisup {
    display:block;
    }
    The second parameter in SWFObject() is the id of the object tag.
    Last edited by _Aerospace_Eng_; 05-15-2007 at 02:10 AM.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Oct 2006
    Posts
    40
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks Aerospace. The css you suggested worked. Awesome!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •