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

Frenchiexno1 · 07-07-2008, 10:06 AM

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....
????: NamePros.com http://www.namepros.com/web-design-discussion/490123-layers-just-not-getting-them-different.html

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

Frenchie

jhansen · 07-07-2008, 10:55 AM

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 · 07-07-2008, 12:43 PM

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

Frenchiexno1 · 07-07-2008, 01:11 PM

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 · 07-07-2008, 02:51 PM

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 · 07-07-2008, 04:36 PM

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...
????: NamePros.com http://www.namepros.com/showthread.php?t=490123

Code:

<!--[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.

07-07-2008, 10:06 AM	THREAD STARTER #1 (permalink)
Frenchiexno1 NamePros Member Join Date: Mar 2006 Posts: 177	Layers - just not getting them, different display in firefox and Ie 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.... ????: NamePros.com http://www.namepros.com/web-design-discussion/490123-layers-just-not-getting-them-different.html any advice great. Checkout the Adsense background on the right hand side of my webpage for an example http://www.plooka.com Frenchie __________________ http://www.Plooka.com - Get on the Piste! Checkout my Skiing Website, and join in if you love the mountains...

07-07-2008, 10:55 AM	#2 (permalink)
jhansen NamePros Regular Join Date: May 2006 Posts: 485	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. __________________ JaMarcus Russell \| Boats For Sale

07-07-2008, 01:11 PM	THREAD STARTER #4 (permalink)
Frenchiexno1 NamePros Member Join Date: Mar 2006 Posts: 177	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. __________________ http://www.Plooka.com - Get on the Piste! Checkout my Skiing Website, and join in if you love the mountains...

07-07-2008, 02:51 PM	#5 (permalink)
Bill Gutless Wonderâ„¢ Join Date: Feb 2005 Location: New Jersey Posts: 1,554	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 __________________ ...lame...

07-07-2008, 04:36 PM	#6 (permalink)
aaronfalloon NamePros Regular Join Date: May 2005 Location: Northern Ireland Posts: 756	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... ????: NamePros.com http://www.namepros.com/showthread.php?t=490123 Code: <!--[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. __________________ A young web developerâ€™s journey to financial freedom - aaronfalloon.com

07-07-2008, 12:43 PM	#3 (permalink)
filesharing New Member Join Date: Jul 2008 Location: Austria Posts: 22	currently i do not see any diffrences. Tested with Mozilla Firefox 3, MS Internet Explorer 7 and Opera 9.5

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)