Layers - just not getting them, different display in Firefox and Ie

[Frenchiexno1]

Ok I am stubbornly trying to make the transition to using layers for my websites. Tables were always so easy as they didn't shift around but I am getting there with using layers now. Although as an aside I always tend to loose a few layers on the page and can never find them!

Anyway here is my question, I am making my sites with layers, I test them in IE and they look fine, and then in Firefox they slip, move, stretch. I can never get them to stay the same between the two browsers. What am I doing wrong, I must admit I am still using tables...........inside my layers....

any advice great. Checkout the Adsense background on the right hand side of my webpage for an example http://www.plooka.com

Frenchie

 

[jhansen]

Don't have time to pick through the code to make any criticisms, but it looks fine here (Firefox 2.0.0.14)! Very nice.

 

[filesharing]

currently i do not see any diffrences. Tested with Mozilla Firefox 3, MS Internet Explorer 7 and Opera 9.5

 

[Frenchiexno1]

The layer the blue one underneath my google adsense adverts on the right hand side has slipped down, so that it merges with the banner along the bottom in Firefox. Displays fine in IE but different in Firefox.

This seems to happen to me a lot, looks fine in IE then is different in FF.

 

[Bill]

Almost looks like the site is off centered. I'm using a resolution of 1024x768 @ 85Hz and I have to scroll from side to side to view the whole page.

-Bill

 

[aaronfalloon]

I've always had the same problem. I use Firefox for day to day browsing, so when developing I always test my pages in it. Then every so often, I'll test it in IE, and lo and behold somethings not right.

It happens because of browser inconsistencies, and they're always going to be there. So I recommend doing a bit of research into the following CSS hack...

<!--[if IE]>
  <style type="text/css">
    @import 'iestyle.css';
  </style>
<![endif]-->

That will allow you to make your pages look right in both IE, and Firefox. It's probably not the ideal solution, but it's definitely a practical one, and I've seen a lot of designers use it.