10 replies [Last post]
draney
Offline
Regular
Atlanta, GA
Last seen: 13 years 34 weeks ago
Atlanta, GA
Joined: 2007-02-14
Posts: 25
Points: 0

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!

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 13 years 17 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

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. Smile

This is my big chance . . . yep, I blew it . . .

draney
Offline
Regular
Atlanta, GA
Last seen: 13 years 34 weeks ago
Atlanta, GA
Joined: 2007-02-14
Posts: 25
Points: 0

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.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 45 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

draney wrote:It is a problem

draney wrote:
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

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

draney
Offline
Regular
Atlanta, GA
Last seen: 13 years 34 weeks ago
Atlanta, GA
Joined: 2007-02-14
Posts: 25
Points: 0

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.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 45 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

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.

Your HTML needs some work.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

draney
Offline
Regular
Atlanta, GA
Last seen: 13 years 34 weeks ago
Atlanta, GA
Joined: 2007-02-14
Posts: 25
Points: 0

OK - Still have the same problem

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

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 13 years 17 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

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.

This is my big chance . . . yep, I blew it . . .

draney
Offline
Regular
Atlanta, GA
Last seen: 13 years 34 weeks ago
Atlanta, GA
Joined: 2007-02-14
Posts: 25
Points: 0

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.

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 13 years 17 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

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. Sad

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.

This is my big chance . . . yep, I blew it . . .

draney
Offline
Regular
Atlanta, GA
Last seen: 13 years 34 weeks ago
Atlanta, GA
Joined: 2007-02-14
Posts: 25
Points: 0

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!