[Solved] Resizing window causes layout to screw up

One reason why the page gets all screwed up is because the text your h3 tag resizes bigger than the picture covering it. Here is a link with a bunch of image replacement techniques.

http://www.mezzoblue.com/tests/revised-image-replacement/

Nice of you to think about your layout and text resizing.

I tried making the font size for the h3 "small" and resizing the window still causes the same problem. It is a problem in Firefox, but doesn't seem to happen with IE.

Which in reality means - Firefox is showing you exactly what you coded and IE is lying to you, but you like to listen to lies more then you do the truth

I don't use IE. I only used it to see if it showed the same problem I was seeing in Firefox.

I am desperate for some clue as to what is causing this problem.

Thanks in advance.

Not to sound rude, but you can't expect much to work if you don't have valid code.

Your HTML needs some work.

The code validates now, but the problem is still there.

You need to put your span tag around the text in your h3 tag.

your text

Then refer to the first link I gave you.

First of all, the page you linked to is where I got my image replacement technique. I was using the Shea Enhancement technique at the bottom of the page.

Now I have commented that out and the problem persists.

First of all, I didn't see this technique anywhere on the link I kindly provided you with.





BIG DOG MOTORCYCLES: Sales, Service, Accessories and Clothing




Second of all, now your nice bike pictures are gone.

Third of all, this is the first time I noticed that your layout has columns. I guess what you meant by "screwed up" from your original description was the problem with your columns. Try being clear. To fix your columns, you need to replace your columns' percentage width with the appropriate pixel width.

Good luck.

I changed the 3 columns to pixel width and gave the float left container a width and now it seems to be fixed. Thanks for your help!