Fine in IE7 & IE - Doesn't work in FireFox

globefrog · Dec 9, 2006

Hi Guys,

Web design is not my forte. Ive recently made the site www.boostbets.com i used a background made in photoshop then exported to a webpage. I then edited and added my content in frontpage by creating new layers over the top.

Now heres the prob. Whilst making the page I kept previewing it with my default browser being IE7 and all was looking good and still does on my machine. I then uploaded it to my server etc.

A friend of mine uses firefox and tried it and it comes up all un aligned etc. She then tried it in her IE and it was the same even after clearing her cache etc.

It works fine on my machine and my work machine both using IE.

Any suggestions on what ive done wrong??

Any help greatly appreciated.

Regards,
Aaron

oh and ignore the dead links. not finished yet

randyhenson · Dec 9, 2006

I think its the "style="text-align: center"" in the body tag it only works in IE. Try putting a <div align="center"> around the rest of your code. Like this

Code:

</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();" style="text-align: center">
[COLOR=DarkSlateBlue]<div align="center">[/COLOR]
<div style="position: absolute; width: 103px; height: 35px; z-index: 4; left: 671px; top: 238px" id="layer11">
	<a href="http://www.magicmillions.com.au/catalogue_request.html">
	<img border="0" src="images/mm_banner_120x60.gif" width="120" height="60"></a></div>
<!-- ImageReady Slices (index.psd) -->

globefrog · Dec 9, 2006

mate your an absolute champion. All fixed.

Nice work. rep points added

globefrog · Dec 10, 2006

could someone try this again for me? think im still having probs

spyke100 · Dec 13, 2006

I've been through a similar error and because I'm used to firefox, i see it all the time. The best way i've thought of getting around this problem is to avoid using layers.

Ive heard reports from my website that IE is the only browser that displays layers by whatever your WYSIWYG editor gives you, in this case Frontpage.

I avoided layers because other ppl use browsers like Safari, Opera, Netscape etc....

globefrog · Dec 13, 2006

Yeah its quiet frustrating. Ive ended up getting around it by creating a HTML text slice using photoshop and using the "save as webpage" function. Its working ok.

BMFX · Dec 15, 2006

Yea i used layers to only way i know how to make a nice stylesheet. Basicly you also have screen ressulution issuses as well.

Also consider tables, i use a crappy free WYSIWYG called pagebreeze and its easiest to use in tables, though i had the same issuses.

Albino · Dec 15, 2006

sorry to say, but it looks all messed up to me still in firefox (latest version)

LokiZ · Dec 19, 2006

As for as my use of Firefox and Css I have had only one problem....multipage printing of CSS sites. Other then then that I don't see sites layed out correctly that were written with say power point and other Microsoft software.

As far as clearing the cache that should not do much I would not think since Firefox and IE should have separate cache.

As of today you site presents well on my Firefox and IE both.

I use site spinner and web dwarf(the free version) for css needs and alleycode and notepad for the more old school inline coding.

Gaz · Dec 19, 2006

spyke100 said:
I've been through a similar error and because I'm used to firefox, i see it all the time. The best way i've thought of getting around this problem is to avoid using layers.

Ive heard reports from my website that IE is the only browser that displays layers by whatever your WYSIWYG editor gives you, in this case Frontpage.

I avoided layers because other ppl use browsers like Safari, Opera, Netscape etc....

A layer is also know as a div, which is an unstyled tag by default in html, not using that is silly in this modern day. Tables shouldn't be used for layout of pages, but only for tabular data, where as div's should be used, of course things will go wrong if your using your WYSIWYG editor to add a layer on top of a table, as your WYSIWYG editor is no match for even an ameature in CSS.

Fine in IE7 & IE - Doesn't work in FireFox

comparebanks.net.auEstablished Member

Established Member

comparebanks.net.auEstablished Member

comparebanks.net.auEstablished Member

Established Member

comparebanks.net.auEstablished Member

VIP Member

Munky DesignsEstablished Member

New Member

Established Member

Similar threads

We're social

BBBZ.ORG

CGVWallet.com

CryptoMarketINC.com

WeCanClean.Com

GrowthBar.com

EURCM.com

LarnacaApartments.eu

DubaiAudits.xyz

AdiWallet.com

Ariston.org

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling