Firefox/IE layout problem

They have: 222 posts

Joined: Sep 1999

http://home.woh.rr.com/drimages/temp/index.html

1) In Firefox the bottom element (#Footer, "blogger / blogback / css ...") isn't aligned properly, but it is in IE. I've played around w/ positioning but can't get it to go where I want it (underneath everything, like IE has it).

2) In IE there is a 5px tall area underneath #Header (the banner image), but it doesn't show up in Firefox. I've set the margin all of the surrounding elements to 0px all around to try to remove it, but it's still there.

Any ideas? Thanks in advance Smiling

He has: 578 posts

Joined: Jun 2004

try adding
clear: both;'

to your footer.

They have: 222 posts

Joined: Sep 1999

That fixed #1, thanks Smiling

AyntRyte's picture

He has: 145 posts

Joined: Jun 2004

Add
background-color: #083961;
to #Header ? (assuming that matches the color of the header image)

They have: 222 posts

Joined: Sep 1999

That fixed #2, thanks.

They have: 222 posts

Joined: Sep 1999

Well, I made a better image for the header, so the workaround for #2 doesn't work anymore. Anyone know an actual fix? IE6 is adding an extra 5px inside the div, below the image, but setting padding to 0 doesn't fix it. I could set the image as the background to the div, but then I wouldn't be able to make it a link, would I?

http://home.woh.rr.com/drimages/temp/index.html

AyntRyte's picture

He has: 145 posts

Joined: Jun 2004

A shot in the dark: Remove the #Header border (not needed as I see it), remove the #Content top-border and then change the #Header background-color to white.

To re-write an old quote:
"Expecting IE to properly render your pages because you write valid code is a little like expecting the bull not to attack you because you are a vegetarian." Smiling

\\// Robert

The grass is always greener on the other side -- but that's because they use more manure.

They have: 222 posts

Joined: Sep 1999

Thanks for the suggestion, but I'd like to keep the borders. I think they make everything look more clean. If I set the image to be the background image, is there any way to make the entire div a link?

AyntRyte's picture

He has: 145 posts

Joined: Jun 2004

IanD wrote: If I set the image to be the background image, is there any way to make the entire div a link?

Remove the text from the background and make the text your link

\\// Robert

The grass is always greener on the other side -- but that's because they use more manure.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.