Images not loading in IE6
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
kb posted this at 03:20 — 8th June 2006.
He has: 1,380 posts
Joined: Feb 2002
Try actually setting parameters for the "divs" for height and width
frofi posted this at 12:29 — 8th June 2006.
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
Neutron2k posted this at 20:24 — 12th June 2006.
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.
frofi posted this at 12:29 — 14th June 2006.
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.