.gifs getting cut off! Please help! only I.E!

Discussion in 'CSS' started by digga121, Dec 17, 2008.

  1. #1
    digga121, Dec 17, 2008 IP
  2. Crimsonc

    Crimsonc Peon

    Messages:
    616
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I will try and explain this the best I can.

    The code below is the avatar and has been made a link which is fine. The problem is in the code it's right next to the username in the purple bar. Because of the size of the image it's showing underneath. Technically the image can only be as high as the container it's in which in this case is the purple bar or the ID "authorlinemain".

    IE is choosing to be strict about it and in truth is correct, one of the few times it's more accurate than Firefox and other browsers!

    Remove the code below and place it outside of the 'authorlinemain' div and inside div id "authordiv".

    Set the image to float left and give it a right margin of maybe 10px to space it from the text.

    
    <a rel="external nofollow" href="http://whatshoof.com"><img height="80" width="80" alt="No Gravatar" src="http://www.gravatar.com/avatar/899f57f0b2930f0532695c8f398b584a?rating=X&amp;default=http://diggalive.com/images/diggaliveavatar.png" style="border: medium none ; float: left; margin-right: 10px;"/></a>
    
    Code (markup):
     
    Crimsonc, Dec 19, 2008 IP