IE 7 margin bug

Discussion in 'CSS' started by marofeiro, Sep 15, 2011.

  1. #1
    This is my site: http://www.foconline.com.br/ if you want to test what i am going to say there go ahead.
    In the IE 7 when i enter or update(F5) whatever page the logo at top left go to the left edge. That happens only in the IE 7 (oh rly).

    If you do not want to test here is the basic problem code and a pic:
    img width="60px" src="images/logo_puc.png"  alt="Foco online" style=" float: left; margin:22px 0 0 200px;"/> 
    Code (markup):

     

    Attached Files:

    marofeiro, Sep 15, 2011 IP
  2. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #2
    Why are you floating the first image to the left, but aligning the last image to the right?... A lot of conflicting statements in your code.

    Relative positioning + float => IE issues anyway... Since you are positioning at block level, why not absolutely position the images? ( just curious )

    It is partially a bug - but more of a bug in your coding style, in my opinion... :)
     
    workingsmart, Sep 15, 2011 IP
  3. marofeiro

    marofeiro Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Touche.

    Thanks for the reply and for the review of my code.
     
    marofeiro, Sep 15, 2011 IP