7 replies [Last post]
Jim Linch
Offline
newbie
Last seen: 16 years 40 weeks ago
Joined: 2004-02-25
Posts: 4
Points: 0

Could someone please look at http://www.roguephoto.com and tell me why the images in the posts do not display in IE6? They are using the img align="right" in the tag and are placed before the <p> of the words around it. Using a table does nothing different. Only enclosing it in it's own <p></p> or <br> makes it show in IE6 but I want the text to wrap around the image.

If anyone is willing to help, let me know if you want screen shots or the css file (can be found in the page code).

Thanks!

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 17 years 2 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

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

The only way to learn is to do it yourself

Jim Linch
Offline
newbie
Last seen: 16 years 40 weeks ago
Joined: 2004-02-25
Posts: 4
Points: 0

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

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.

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 17 years 2 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

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

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

The only way to learn is to do it yourself

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 days 10 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

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

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

Jim Linch
Offline
newbie
Last seen: 16 years 40 weeks ago
Joined: 2004-02-25
Posts: 4
Points: 0

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

Tony wrote:
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

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. Sad 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?

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 days 10 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

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

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

Hope that helps

Jim Linch
Offline
newbie
Last seen: 16 years 40 weeks ago
Joined: 2004-02-25
Posts: 4
Points: 0

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

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.