Firefox/IE layout problem
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
Dragon of Ice posted this at 15:25 — 24th August 2004.
He has: 578 posts
Joined: Jun 2004
try adding
clear: both;
'to your footer.
IanD posted this at 19:16 — 24th August 2004.
They have: 222 posts
Joined: Sep 1999
That fixed #1, thanks
AyntRyte posted this at 23:10 — 24th August 2004.
He has: 145 posts
Joined: Jun 2004
Add
background-color: #083961;
to #Header ? (assuming that matches the color of the header image)
IanD posted this at 23:14 — 24th August 2004.
They have: 222 posts
Joined: Sep 1999
That fixed #2, thanks.
IanD posted this at 02:15 — 25th August 2004.
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
Fighting for a Lost Cause.net
AyntRyte posted this at 03:52 — 25th August 2004.
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."
\\// Robert
The grass is always greener on the other side -- but that's because they use more manure.
IanD posted this at 04:10 — 25th August 2004.
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?
Fighting for a Lost Cause.net
AyntRyte posted this at 15:02 — 25th August 2004.
He has: 145 posts
Joined: Jun 2004
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.