problem in ie6

[rafa]

Hello all,

in IE6 I cannot see the author image. What's wrong?

Thanks in advance.

Rafa.

[sarahG]

Could you give us a bit more info. The site in question, the code in use etc.

[rafa]

Hi sarahG,

the site is the demo theme:

http://www.bloggingtips.com/demo/index.php?wptheme=BloggingTips.com%20Evolution%20T heme%20-%20Blue

The problem is the following:

Firefox:
http://img503.imageshack.us/img503/8895/ffgm6.jpg

IE6:
http://img255.imageshack.us/img255/9175/ie6gp9.jpg

[sarahG]

Without downloading the theme myself, I'm guessing that it's due to the image being inside the paragraph, and the styling causing it to disappear. Going directly to the image shows it.

Try taking the image out of the paragraph, as images don't need to be inside a paragraph, a div is usually better. So you'd have

<div class="about>
<h3>About the Author</h3>
<img src="/path/to/file.jpg" alt="Alt text" />
<p>Info here</p>
</div>

See how that works for you. Otherwise fine the about class in the CSS file and play with the settings a little, mainly the margin and padding settings. It could also be the double float margin bug that affects IE6, whereby the margin is doubled when an element is floated. So you'd need an IE6 only stylesheet to override the margin.

[ap4a]

It's due to the float on the image. Change the CSS for that to this:

.about img {
float: left;
position: relative;
margin: 5px 10px 0 0;
}