Anchoring layers in Firefox

mark_88_turbo · April 19th, 2008, 07:47 AM

Hi All,
I'm a bit of a novice with websites and would be very grateful for some help please. I've designed my index page in Dreamweaver using layers to put the graphics and text in. The layers all line up in ie and the top banner anchors to the top and edge of the page, however they all go out of line in Firefox.
Is there a way I can anchor them?
Thanks for any help you can give,
Mark.

unitedcraig · April 19th, 2008, 08:35 AM

Could you provide a link to your page please mate

mark_88_turbo · April 19th, 2008, 10:11 AM

Yes, it's:http://www.lotusespritturbo.com

unitedcraig · April 19th, 2008, 10:14 AM

You are using tables for layout, have you looked into using CSS for the layout?

dab42pat · April 19th, 2008, 12:56 PM

Sorry I must be blind I dont see a difference in ff.

Pat

mark_88_turbo · April 19th, 2008, 12:57 PM

No, never heard of them, just Googled it and it says cascading style sheets. Is that something seperate to Dreamweaver?
As you'll see, the website design is very basic!

mark_88_turbo · April 19th, 2008, 01:01 PM

Hi Pat,
in ie, the top banner and central picture are justified to the top and left edge. In Firefox the top banner is offset and from the top and side edge, as is the central picture. I think the layers move in Firefox, but I don't know for sure.

dab42pat · April 19th, 2008, 01:18 PM

try this it should sort out firefox but the effects on ie could be drastic.
Find this piece of code.

HTML Code:

<div id="Layer2" style="position:absolute; left:3px; top:125px; width:786px; height:3524px; z-index:18; visibility: visible">

And change top:125px; to top:101px;

Then find

HTML Code:

<div id="Layer4" style="position:absolute; left:0px; top:0px; width:791px; height:132px; z-index:19; visibility: visible">

And change top:0px; to top:-20px;

Give it a try.

Pat

mark_88_turbo · April 19th, 2008, 01:57 PM

Thanks very much. I'll give it a try

.

mark_88_turbo · April 19th, 2008, 03:02 PM

Yes, it mucks it up in ie

. Hmm . . . what to do.

dab42pat · April 19th, 2008, 03:10 PM

thought it might.

You could use conditional comments for ie. See this link.

http://creativecoding.webforumz.com/...8/january/faq/

Take a look, basically it allows you to specify a style that only ie will use and ff will ignore.

Any problems just post back.

Pat

mark_88_turbo · April 19th, 2008, 04:00 PM

Thanks, I'll take a look.

shalom_m · April 20th, 2008, 06:41 PM

Try

Code:

<body style="margin: 0pt;" marginheight="0" marginwidth="0">

as a substitute to your leftmargin and topmargin in your bodytag

Aso · April 21st, 2008, 05:48 AM

shalom_m, there's no need for marginheight and marginwidth. Besides, they're depracated attributes. Just use;

Code:

<body style="margin:0">

Better yet, use an external stylesheet with;

Code:

body {
    margin: 0
}