WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Picture display problem in WordPress 3 and IE6 (8 posts)

  1. jimdex
    Member
    Posted 3 years ago #

    - WordPress : 3.0.1
    - PHP/MySQL : 5.2.14
    - Theme : Twenty Ten

    The images look like thumbs in IE6 and not in firefox. I did nothing, just download and install WordPress 3.0.1. and create a post.

    Here is my simple test of wordpress 3 :

    http://daix.com/test/

    And the difference of display between IE6 and FF 3.6

    http://daix.com/test/wp-content/uploads/2010/09/bug.jpg

    any idea.

    JMD
    Sorry, I'm French !

  2. Peter_L
    Member
    Posted 3 years ago #

    honestly, I wouldn't worry too much about IE6

  3. jimdex
    Member
    Posted 3 years ago #

    I agree with you Peter. Unfortunately, according to Google Analytics, 20% of my visitors are using IE6 !

    So I still looking for a solution. :-)

  4. Peter_L
    Member
    Posted 3 years ago #

    I seem to remember having a similar problem with IE6, solved by adding the dimensions to my image
    <img src="image.jpeg" width="150px" height="150px" />

    But, ..., it's IE6, anything could be causing it and I don't have the courage to start looking for it inside WP

    *coughs* http://jreject.turnwheel.com/ *coughs*

  5. jimdex
    Member
    Posted 3 years ago #

    Unfortunately, the dimensions are well managed in the default WordPress 3.0 theme (Twenty Ten) :

    <img class="aligncenter size-medium wp-image-10" title="Nénuphars" src="http://daix.com/test/wp-content/uploads/2010/09/Nénuphars-300x225.jpg" alt="" width="300" height="225" />

    Thanks for the help.

  6. jimdex
    Member
    Posted 3 years ago #

    it seems that the problem is in this line, just before the picture :

    <div id="content" role="main">

    and it's the "content" part, not the "main". I'm trying to find the solution in the css file.

  7. jimdex
    Member
    Posted 3 years ago #

    and exactly here, in the style.css file of the twenty ten theme :

    #content img {
    	margin: 0;
    	height: auto;
    	max-width: 640px;
    	width: auto;
    }

    IE has a rather strange way of doing things. It doesn't understand the height: auto; width: auto;

    An idea ?

  8. jimdex
    Member
    Posted 3 years ago #

    My solution, don't know if it's the best one, but it works for me :

    Change :

    #content img {
    
    	margin: 0;
    
    	height: auto;
    
    	max-width: 640px;
    
    	width: auto; 
    
    }

    by :

    #content img {
    
    	height: 640;
    
    	width: 640; 
    
    }
    
    html>body #content img {
    
    	margin: 0;
    
    	height: auto;
    
    	max-width: 640px;
    
    	width: auto; 
    
    }

Topic Closed

This topic has been closed to new replies.

About this Topic