CSS Issues with Firefox & IE

Discussion in 'CSS' started by abc1234, Mar 30, 2007.

  1. #1
    Hi guys,

    I'm having some display problems with my CSS in Firefox & Opera but everything is looking good in IE 7.

    In Firefox & Opera the page looks different that what it should, there is no background for were I have specified a background and the text over runs the footer.

    It's a bit hard to explain so I'v put the coding of the CSS & HTML documents below and added screenshots, one of what it is meant to look like and what it is looking like in Firefox.

    Any help would be appreciated,

    Thanks alot:D ,
    abc1234.

    ----

    CSS:
    HTML:
     

    Attached Files:

    abc1234, Mar 30, 2007 IP
  2. Kirtan

    Kirtan Peon

    Messages:
    104
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Add <br style="clear:both" /> Before footer div.

    You have to clear floats to prevent premature closing of parent divs. Because floating div height are not considered as parent div's height.
     
    Kirtan, Mar 30, 2007 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    kk5st, Mar 30, 2007 IP
  4. abc1234

    abc1234 Guest

    Messages:
    55
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks for your help Gary:) ,

    abc1234.
     
    abc1234, Apr 1, 2007 IP