SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict Patrick Taylor's Avatar
    Join Date
    May 2003
    Location
    Manchester UK
    Posts
    219
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    object {display: block} - problem

    I've used object {display: block} in my stylesheet to remove the annoying few pixels of space that Mozilla, Firefox, and Opera show below a div containing an object - in this instance a Flash file (the object) brought in via an external js file. I want the next div right up against the one containing the js file, which I get in IE but not in those three other browsers. This works, but...

    ... for some strange reason the <h1> and <p> tags above the first div don't display the colour in IE6. They're there, but invisible. Weird.

    Can anyone throw any light on this? Is there another way to remove that really annoying few pixels gap below the first div? Margins and padding is all set to zero.

  2. #2
    SitePoint Addict Patrick Taylor's Avatar
    Join Date
    May 2003
    Location
    Manchester UK
    Posts
    219
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Looking around here I just read about the 1% height hack (thanks Paul O'Brien) - seems to have fixed the non-display IE problem.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,281
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Glad you fixed it

    There are various display problems in ie that can usually be fixed with position:relative or height:1% in appropriate places.

    Juts remember to hide it from good browsers

    Paul


Bookmarks

Posting Permissions

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