468,236 Members | 1,924 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,236 developers. It's quick & easy.

How to prevent DIVs from overlaying?

dorinbogdan
839 Expert 512MB
Hi,

I cannot fix this link to look correct in FireFox, as it looks in IE.

NOTE: I have access to modify any HTML code, except the top Table and bottom DIV (they are dynamically included by the provider).

In FireFox the bottom DIV (of the provider) overlays my main DIV.

Please advise,
Dorin.
Apr 5 '07 #1
5 2968
drhowarddrfine
7,435 Expert 4TB
You will never get IE to try and perform like modern browsers without a proper doctype. See the sticky at the top of this board about doctypes.

For your overlay problem, you have a div that is absolutely positioned. This removes that div and its contents from the normal flow which is why that footer is allowed to rise up. Change it to position:relative and see if that solves the problem although you may have to adjust its positioning.

Then validate your html and css for a list of errors all this generates.
Apr 5 '07 #2
dorinbogdan
839 Expert 512MB
1. With relative position it appears almost similar, the bottom Div was shifted few lines bellow. (please check the link to see)

2. How to validate HTML and CSS?

Thanks,
Dorin.
Apr 5 '07 #3
dorinbogdan
839 Expert 512MB
Even the <hr> style appears a little different now, the Doctype solved the problem:
[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/html]

Thanks,
Dorin.
Apr 5 '07 #4
AricC
1,892 Expert 1GB
1. With relative position it appears almost similar, the bottom Div was shifted few lines bellow. (please check the link to see)

2. How to validate HTML and CSS?

Thanks,
Dorin.
Here is a link to the validator.
Apr 5 '07 #5
dorinbogdan
839 Expert 512MB
Thanks for help drhowarddrfine and AricC.
Apr 6 '07 #6

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

2 posts views Thread by wooks | last post: by
39 posts views Thread by WindAndWaves | last post: by
10 posts views Thread by hendedav | last post: by
reply views Thread by NPC403 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.