Anchoring layers in Firefox

mark_88_turbo · #1 (**permalink**) 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 · #2 (**permalink**) Apr 19th, 2008, 11:35

Could you provide a link to your page please mate

mark_88_turbo · #3 (**permalink**) Apr 19th, 2008, 13:11

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

unitedcraig · #4 (**permalink**) Apr 19th, 2008, 13:14

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

dab42pat · #5 (**permalink**) Apr 19th, 2008, 15:56

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

Pat

mark_88_turbo · #6 (**permalink**) 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 · #7 (**permalink**) 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 · #8 (**permalink**) 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 · #9 (**permalink**) Apr 19th, 2008, 16:57

Thanks very much. I'll give it a try

.

mark_88_turbo · #10 (**permalink**) Apr 19th, 2008, 18:02

Yes, it mucks it up in ie

. Hmm . . . what to do.

dab42pat · #11 (**permalink**) 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 · #12 (**permalink**) Apr 19th, 2008, 19:00

Thanks, I'll take a look.

shalom_m · #13 (**permalink**) 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

Aso · #14 (**permalink**) 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
}

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Layers	WEB	Starting Out	7	May 29th, 2007 23:26
Layers	GCrame5832	Web Page Design	6	Dec 31st, 2005 21:42
Using layers in CSS	jwalker80	Web Page Design	3	Dec 21st, 2005 14:08
layers	forry	Web Page Design	7	Sep 21st, 2005 08:42
Need help with layers	davidsnave	Web Page Design	0	Aug 29th, 2005 23:26

		Webforumz.com > Main Forums > Design Your Website > Starting Out
Anchoring layers in Firefox