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

Frenchiexno1 · 07-07-2008, 09: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....

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, 09: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, 11:43 AM

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

Frenchiexno1 · 07-07-2008, 12: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, 01: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, 03: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...

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, 09:06 AM	#1 (permalink)
Frenchiexno1 NamePros Member Join Date: Mar 2006 Posts: 174 1.10 NP$ (Donate)	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.... 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, 09:55 AM	#2 (permalink)
jhansen ******** Regular Join Date: May 2006 Posts: 440 93.70 NP$ (Donate)	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. __________________ Fallout: New Vegas \| Music Videos \| JaMarcus Russell \| Fight Videos \|

07-07-2008, 12:11 PM	#4 (permalink)
Frenchiexno1 NamePros Member Join Date: Mar 2006 Posts: 174 1.10 NP$ (Donate)	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, 01:51 PM	#5 (permalink)
Bill Gutless Wonder™ Join Date: Feb 2005 Location: New Jersey Posts: 12,505 34.89 NP$ (Donate)	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 __________________ "We know you are behind the 'andr6x6' account, the recent hacker attacks against NamePros, the unauthorized access of our database, and the trojan attack against NamePros members. We have the logs, screenshots and witnesses needed to prove your involvement and file criminal charges with the DOJ for cybercrimes if necessary." -Ron James

07-07-2008, 03:36 PM	#6 (permalink)
aaronfalloon NamePros Regular Join Date: May 2005 Location: Northern Ireland Posts: 747 636.00 NP$ (Donate)	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... 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. __________________ :guilty: A young web developer’s journey to financial freedom. - aaronfalloon.com

07-07-2008, 11:43 AM	#3 (permalink)
filesharing New Member Join Date: Jul 2008 Location: Austria Posts: 22 187.95 NP$ (Donate)	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)