Cross browser positioning

[johnsimpson]

Hi guys,

first website using full css and divs rather than tables! having a little trouble with cross browser compatibility.

the website shows fine in ie but in firefox my footer seems to hide under the top image.

link is

http://www.2percentinspiration.com/lifestyle/new_site_v1/templates/lifestlye_v1/index.php

its displaying perfect in ie, can anyone please advise why its not in firefox?

thanks
john

 

[ca8msm]

Try adding "clear: both;" to your footer CSS.

Also, what's up with the use of frames?


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[cLFlaVA]

start here:

http://validator.w3.org/check?verbo.../new_site_v1/templates/lifestlye_v1/index.php

*cLFlaVA
----------------------------
[tt]mr. pibb + red vines = crazy delicious![/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[johnsimpson]

thanks for pointing that out!! didnt realy understand the difference before but i do now!!

thanks
John

 

[johnsimpson]

Using DIVs is far more complicated - suppose it gets easier the more you use it... must keep going!!!

i got another question ie/firefox problems again!!

in firefox it isnt putting a margin between my divs - its a duplicate div container but will be used for some different content.

I have specified that i want a margin of 10px and in ie its fine, firefox its being fussy agin.

could someone take a quick look and let me know if they know why?

thanks
John

 

[johnsimpson]

oops link changed

http://www.2percentinspiration.com/lifestyle/new_site_v1/templates/lifestlye_v1/index.html

thanks
john

 

[Vragabond]

Your anchors (links) within 'navigation' are floated and as such do not contribute to the overall height of their container. As such, your next container's top margin is lost underneath the floated elements. Rather than float (since there is no reason for you to float the links -- they should be displayed as block and that's it. If you do change that, your margin will show correctly.