Help with some IE7 CSS problems

Discussion in 'CSS' started by Adrian111, Jul 22, 2010.

  1. #1
    Hello,
    my site looks ok in all browsers(including IE8) but in IE7 the site rendering is messed, anyone have a solution? the site is: http://wiseminds.org

    Thanks
     
    Adrian111, Jul 22, 2010 IP
  2. Zeh.

    Zeh. Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hey Adrian.

    With only a screenshot from browserlabs I think it's a problem with width/padding/border propierties. Maybe IE7 is rendering different sizes. Try making the content div a bit thiner.
     
    Zeh., Jul 22, 2010 IP
  3. Adrian111

    Adrian111 Peon

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I also view it with browserlabs :). And thanks for the typo, i will test and see wat will happens.
     
    Adrian111, Jul 22, 2010 IP
  4. Adrian111

    Adrian111 Peon

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I have try to change it but with no succes :(
     
    Adrian111, Jul 22, 2010 IP
  5. Adrian111

    Adrian111 Peon

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    i use float:right; and float :left; and i think there is the problem, an ideea about fixing it? thanks.
     
    Adrian111, Jul 23, 2010 IP
  6. Ricechen

    Ricechen Peon

    Messages:
    89
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Tools to check it through the problem, then solve it
     
    Ricechen, Jul 23, 2010 IP
  7. Adrian111

    Adrian111 Peon

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks for suggestian i have managed to fix the error with floating now just some strange error is navigation. Man, i hate IE :)
     
    Adrian111, Jul 23, 2010 IP
  8. zhoom

    zhoom Peon

    Messages:
    388
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Try floating both your content div and sidebar div left, then using margins and/or padding to position.
     
    zhoom, Jul 23, 2010 IP
  9. zhoom

    zhoom Peon

    Messages:
    388
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Ok, well done...Try validating both your css and html with these:

    http://validator.w3.org/
    http://jigsaw.w3.org/css-validator/

    Although it is not essential to validate perfectly, they can help you find obvious errors.
     
    zhoom, Jul 23, 2010 IP
  10. Adrian111

    Adrian111 Peon

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I have checked zhomm and are no error wich will made this bug, and i was thinking what IE dont use the W3 CSS standart.
     
    Adrian111, Jul 23, 2010 IP
  11. zhoom

    zhoom Peon

    Messages:
    388
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #11
    You are right, IE is terrible when it comes to standards...Those validators are just another means of checking errors. It picks up simple thing like unclosed tags which can kill your design.

    But here are the 2 errors that it picks up...

     
    zhoom, Jul 23, 2010 IP
  12. Adrian111

    Adrian111 Peon

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Yeah i have fixed this 2 XHTML errors, now i just need to see how to fix navigation.
     
    Adrian111, Jul 23, 2010 IP