Another IE6 CSS problem thread

Discussion in 'CSS' started by Abh, Jun 24, 2010.

  1. #1
    I made a test installation of my website at this address: http://pr_test.0fees.net/
    In IE 6 the menu has a white background instead of letting the header image be seen through it.

    And another problem that i get in all browsers, i can't fill the white stripe above the header.

    I've tried changing the bg to none everywhere i could think of, i even deleted the table from which the menu takes it's color, but to no success and i'm desperate.

    I welcome any suggestions.
     
    Abh, Jun 24, 2010 IP
  2. ZeeshanButt

    ZeeshanButt Well-Known Member

    Messages:
    307
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    110
    #2
    IE 6 has a lot of css issues.
    Do not care for it.
    Focus on IE7 and above for your pages.
     
    ZeeshanButt, Jun 25, 2010 IP
  3. Abh

    Abh Active Member

    Messages:
    162
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    60
    #3
    Unfortunately, my client cares for it :)
     
    Abh, Jun 26, 2010 IP
  4. Lizard King

    Lizard King Well-Known Member

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    126
    #4
    You have defined padding : 20px 0; on your #wrap id that causes the white space in your header.

    lavaLampWithImage class is defined as block , that causes the problem in IE6. Try defining the following variable for IE6 specific

    _display: inline-block; 
    Code (markup):
     
    Lizard King, Jun 26, 2010 IP
  5. Abh

    Abh Active Member

    Messages:
    162
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    60
    #5
    thank you for the reply, the _display:inline-block doesn't seem to work, and i need that space above the header, that's why i have a padding.
     
    Abh, Jun 26, 2010 IP
  6. fqqs

    fqqs Peon

    Messages:
    29
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    maybe try

    display:inline
    clear:both
     
    fqqs, Jun 27, 2010 IP
  7. Abh

    Abh Active Member

    Messages:
    162
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    60
    #7
    nothing seems to work :(
     
    Abh, Jun 28, 2010 IP
  8. Abh

    Abh Active Member

    Messages:
    162
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    60
    #8
    I fixed this by setting a negative _margin-top. I know it's not nice, but i couldn't find anything else that works.
     
    Abh, Jun 28, 2010 IP
  9. wog

    wog Peon

    Messages:
    161
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #9
    I recommend as part of future work, to explain to customers that you do not custom CSS for IE6.
    Nobody uses it....

    If he insists.. you can ask for extra $ for the project.
     
    wog, Jul 8, 2010 IP
  10. sudharsan

    sudharsan Active Member

    Messages:
    164
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    53
    #10
    sudharsan, Jul 8, 2010 IP
  11. Abh

    Abh Active Member

    Messages:
    162
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    60
    #11
    Wow. I noticed there was something strange with that image, i just didn't had the time to look into it. If that's causing the problem, i'll check it out.
     
    Abh, Jul 8, 2010 IP
  12. zhoom

    zhoom Peon

    Messages:
    388
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #12
    lavalamp-contener div has a white background try removing that.

    As for: http://pr_test.0fees.net/themes/para.../img/light.gif

    What happens if you remove that bg image altogether?

    Generally ie6 deals very badly with transparency.

    What are your client's reasons for wanting this in ie6? The browser is no longer supported, even by MS!!
     
    zhoom, Jul 9, 2010 IP