Need guru review - image not displaying in IE6, fine Opera

Make a backup just in case.

ok in your CSS change to this

.wp-photo_thumbnail 
{
border: 1px solid;
margin: 5px;
float: right;
}

also add this

.clearall{clear: both;}

In the body get rid of the ALign right in the image.

add this directly after the ending of the StoyContent div

<div class="clearall"></div>

Did that help?

Regards
Day

Thanks for the code Daybreak,

It made the layout nicer in IE, but still no display of the jpg.

I'm really new to CSS and the website is a template design, not my work. I've only changed colors and formating a bit. All the sub CSS action is confusing to me right now. I thought perhaps there was an "imbedding issue" with the DIV tags, or an IE CSS bug?

-Still clueless

I plan on hanging around and learning this stuff, but a quick fix would be nice if anyone can suggest one.

hmmm can't see anything

In you css you have values for you 'a' tags. One of them is background-color: transparent; I can't see any reason you are using this, so try removing them from all of the 'a' tags.

The reaon I would try this -

It seems that you background colour is on top of your image OR your image is transparent. As I could not find any colour'ed divs placed over the image.

some others -

1) <ul class="post-categories"> I can't find the "post-categories" class
2) <div class="clearall"></div> - is working but should be placed at the bottom after the image and text (bottom of storycontent div but still inside).
3) Be careful of your ID's and CLASSES

Although both ID and class work similar, ID is supposed to be unique in each page. Normally used so scripts can identify a certain box.

Class on the other hand can be used more than once.

Regards
Day

Hi Jim Linch,
Run the site through a validator and fix the errors http://validator.w3.org/check?verbose=1&uri=http%3A//www.roguephoto.com/
It may juat solve your problem.

Hope that helps

Hope that helps

Thanks for the validator. I knew the code was not squeaky clean, but I made it pass for now by using a static page called http://www.roguephoto.com/validate.php and the results are 100% from the validator but the images still do not display. Since it's only a problem on the front page where the "wp-photo_thumbnail" style is used, I'm thinking there is a problem with that, but see nothing wrong.

It's definately the "float:right". Anything else and the image displays fine. This has got to be an IE issue doesn't it?

Hi Jim Linch,
Add position:relative; to the "wp-photo_thumbnail" class.
It fixes a float problem in IE.

Hope that helps

Thanks Tony,

That last bit did the trick. I was editing my post when you stated the bug.

Thanks everyone for the help. Now that the site works in IE, I can work on cleaning up code and learning CSS a little better.