Background not appearing in float divs

Discussion in 'CSS' started by askscript, Feb 4, 2009.

  1. #1
    Hi,

    I am trying to form a rounded corner header tab of a column.

    I have place the images gif in the required place on a floated div but it does not appear in FF but do appear in IE. The only way to make it appear in FF is to type in something in ( fullstop , words, etc), i wanna make it appear in FF without typing anything in it , just like IE.

    Could you guys help me out in this? Thanks.

    [​IMG]

     
    askscript, Feb 4, 2009 IP
  2. Spawny

    Spawny Well-Known Member

    Messages:
    252
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    110
    #2
    try applying height to your rounded border divs
     
    Spawny, Feb 4, 2009 IP
  3. askscript

    askscript Member

    Messages:
    59
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #3
    Thank you very much Spawny, It works. :)

    May i know why it will not appear without the height input?
     
    askscript, Feb 4, 2009 IP
  4. Spawny

    Spawny Well-Known Member

    Messages:
    252
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    110
    #4
    im not really sure but i think IE leaves a default height on an empty element which is equivalent to the default line-height.. that's what ive observed with IE
     
    Spawny, Feb 4, 2009 IP
  5. askscript

    askscript Member

    Messages:
    59
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #5
    Oh i see.. Thanks again..
     
    askscript, Feb 4, 2009 IP