CSS Problem with IE. Need Help

Discussion in 'CSS' started by hypergaia, Apr 11, 2008.

0
  1. #1
    Hi, I badly need help from CSS Gurus out there. I have encountered a weird CSS Problem in IE6, IE7 and IE8, but it displays fine with Firefox.

    Can you check this page in FF, it looks fine.

    p14coop[dot]com/search/

    But in all IEs, the footer part looks crap, there is a very large green space below, and the background of the main page was gone... :confused:

    I hope you can help me fix it. Any help would be greatly appreciated :(
     
    hypergaia, Apr 11, 2008 IP
  2. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi sorry i haven't had chance to have a proper look at your CSS, i'm not sure but maybe a quick fix would be to set a min-height property for the content and menu inside the CSS for whatever style has been assigned to these particular Div's, e.g min-height: 600px; }
     
    wd_2k6, Apr 11, 2008 IP
  3. qeorge

    qeorge Peon

    Messages:
    206
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    wd_2k6 has you covered.

    Set min-height to 450px for the div w/ class "main-left-only" and you should be in good shape.

    I only tested in IE7, but as IE6 doesn't handle min-height, I would do this:

    .main-left-only
{
      min-height: 450px;
      height: auto !important;
      height: 450px;
}
    Code (markup):
    Let me know how it works out.
     
    qeorge, Apr 14, 2008 IP