Images not loading in IE6

They have: 37 posts

Joined: Jun 2006

When I go to my frofi.co.uk/new/index.htm using IE6, I'm having trouble with images. The DIV containers load up fine and in position, but the pictures inside are reduced to tiny little boxes. The div's height and width is set to "auto". It was working fine in my PC, but after I uploaded the page it just wouldn't work. I have to click on other buttons (or hit refresh) on that page a few times until it starts working properly. I can't find the cause. It is working flawlessly in Firefox.

Raise And Share a Million.com - Rewarding to those who like to help others

He has: 1,380 posts

Joined: Feb 2002

Try actually setting parameters for the "divs" for height and width

They have: 37 posts

Joined: Jun 2006

Why would I do that? There are 3 different image styles on that page and there are 8 pages, each with at least 6 images in them (that's 144 in total!). I can't resize every image to make it fit into certain pre-set div size. That wouldn't look very good. Am I suppose to make a different style (or class) for every single one of them and do it every time I update the content? What is CSS good for if you can't rely on it with such a basic thing like auto size?
Anyway, I think there must be something wrong with my style-sheet. Otherwise, why would everything work fine in FF and even in IE6 after you refreshed it a few times? Are there any rules as to in what order class properties should be written? Mine looks like this:

.picR {
        border-width: 1px;
        float: right;
        width: auto;
        height: auto;
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 0px;
        margin-bottom: 10px;
      
}
'

Raise And Share a Million.com - Rewarding to those who like to help others

He has: 113 posts

Joined: Jul 2005

I am not sure what you are talking about here because I get a 404 looking at the page.

If you are using the background-image style property of the div images, you will have no choice but to specify the height and width dimensions.

You should be placing images in an IMG tag. These will automatically size to the images size if you negate the height and width property. If you then stick that image component into the div layer, it will be sized properly.

the height and width auto features are used to size the div according to its content and the background image dimensions will have no effect onthe divs size.

They have: 37 posts

Joined: Jun 2006

The site was off line for a few days. I have solved the "mystery of img sizes" now. The images were placed in tags, but I also specified the auto-size in stylesheet. That was the problem. Tag alone is enough. Now the page is ONLINE here: frofi.co.uk

Raise And Share a Million.com - Rewarding to those who like to help others

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.