Can anyone tell me why my layout gets all screwed up when you resize the window? I think I have read something about this before and can't remember where.
The page can be viewed here http://66.132.135.218/harley_davidson.htm
Thanks!
One reason why the page gets
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.
Will I have to switch to table layout?
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.
draney wrote:It is a 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
Can anyone help??
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
Not to sound rude, but you can't expect much to work if you don't have valid code.
OK - Still have the same problem
The code validates now, but the problem is still there.
You need to put your span
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.
Any other ideas??
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
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.
FIXED IT - THANKS!!
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!