Guys, I am getting some nasty problems with a site when it loads into IE.
What seems to be happening is that IE makes mistakes formatting the page before it has loaded all the images. Oddly, once it has loaded all the images and I hit refresh, then the page loads correctly. The problem happens around floating images. The floating images belong to containers that use a clear:both; to stop the images overlapping the next container. The problem is that sometimes the page is formatted without the necessary room for the image. As if the clear:both; had not been executed and only part of the image is displayed. When the page is refreshed, everything is fine.A work-around might be to give the height and width dimensions for each image within the IMG tag, so that the browser initially allocates the right amount of space for each. Of course, this would be a pain if there are lots of such images.I have about 300.
The worst part is that the problem only showed up when I loaded the site up on the web. It worked fine locally. This is clearly something to do with IE and it's "loading process". But I am in a mess now because the damn site is not working :-(
What is truly ironic is that it works in Firefox - ha ha ha!
( A week ago the site didn't work with firefox at all! )u say that it is for over 300 images, are these your thumbnails for the products? if so do they have the same dimensions? if this is the case u could use css to define width and height.
img { width: __px; height: __px; }
you could try doing it this way and c if that helps.
What seems to be happening is that IE makes mistakes formatting the page before it has loaded all the images. Oddly, once it has loaded all the images and I hit refresh, then the page loads correctly. The problem happens around floating images. The floating images belong to containers that use a clear:both; to stop the images overlapping the next container. The problem is that sometimes the page is formatted without the necessary room for the image. As if the clear:both; had not been executed and only part of the image is displayed. When the page is refreshed, everything is fine.A work-around might be to give the height and width dimensions for each image within the IMG tag, so that the browser initially allocates the right amount of space for each. Of course, this would be a pain if there are lots of such images.I have about 300.
The worst part is that the problem only showed up when I loaded the site up on the web. It worked fine locally. This is clearly something to do with IE and it's "loading process". But I am in a mess now because the damn site is not working :-(
What is truly ironic is that it works in Firefox - ha ha ha!
( A week ago the site didn't work with firefox at all! )u say that it is for over 300 images, are these your thumbnails for the products? if so do they have the same dimensions? if this is the case u could use css to define width and height.
img { width: __px; height: __px; }
you could try doing it this way and c if that helps.