Anchoring layers in Firefox

mark_88_turbo · Apr 19th, 2008, 10:47

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 · Apr 19th, 2008, 11:35

Could you provide a link to your page please mate

mark_88_turbo · Apr 19th, 2008, 13:11

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

unitedcraig · Apr 19th, 2008, 13:14

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

dab42pat · Apr 19th, 2008, 15:56

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

Pat

mark_88_turbo · Apr 19th, 2008, 15:57

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 · Apr 19th, 2008, 16:01

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 · Apr 19th, 2008, 16:18

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

HTML: Select all

<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: Select all

<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 · Apr 19th, 2008, 16:57

Thanks very much. I'll give it a try

.

mark_88_turbo · Apr 19th, 2008, 18:02

Yes, it mucks it up in ie

. Hmm . . . what to do.

dab42pat · Apr 19th, 2008, 18:10

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 · Apr 19th, 2008, 19:00

Thanks, I'll take a look.

shalom_m · Apr 20th, 2008, 21:41

Try

Code: Select all

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

as a substitute to your leftmargin and topmargin in your bodytag

aso186 · Apr 21st, 2008, 08:48

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

Code: Select all

<body style="margin:0">

Better yet, use an external stylesheet with;

Code: Select all

body {
    margin: 0
}