Hi. I did a quickie job recently that involved a simple 4-page static site. I validated it, tested in all browsers and set live for the client.
Now she is telling me when she loads this page the text overlaps the image to the right. I’m a little embarrassed at possibly mucking up such a simple site, but I’m not sure why the text would overflow the image. Is it because I didn’t set the width & height for the image?
Yes it’s likely that the page is loading before the image does.
Always add the height and width to all image elements to avoid this problem.
That image is 77k which is quite heavy for a small image anyway and obviously takes longer to load than the text that follows it. Firefox has always been bad at this.
Let us know if that solves the problem as I thought this was fixed in FF3.5 but I’m seeing the same problem there on first load or until refreshed which indicates that it is an image width and height attribute problem.
No idea. I tested in all the above as well and saw nothing. And I don’t know what the client is viewing on. I can say with some certainty that she likely has no idea what browser she uses. My thought was it would be easier to get a CSS guru to show me what I did wrong than to get that answer out of her.
Thank you. Width and height attributes have been added.
Now’s as good a time as any to thank you, Paul and all the others who help out nimrods like me on a regular basis. I don’t post on here a ton, but if there was a kudos button I’d be sending some out. Just thought you guys probably don’t hear “thank you” often enough and wanted to say that.