Newbies. Layers & viewing in different monitors.

J

jacqia77

I built my page on a 17" monitor but set my page at 800x600 because I wanted
it to look right. I align it to center so it would look similar to any bigger
monitor.

I used layers to set all the text,pictures & other html because its easier.
Everything looks right in my monitor.

However, when using another computer with a smaller monitor, though the
layout table remained fixed (& right) all the layers moved to further right;
outside the layout tables.

I've tried to build another page while setting the browsing to 800X600 but
it doesnt looked right on my monitor.

What have I done wrong?
 
R

Ronx

You used layers without knowing how to use them.

A layer is fixed in position relative to the parent positioned element -
this is usually the <body> tag. So if you position the layer using (for
example) top:20px, left:200px, the layer will always be 20px down from
the top of the page, and 200pixels to the right of the left edge of the
page. Unless the browser is opened to the same width as your browser
this is most likely NOT where you want it.

To get round this, use a relatively positioned, centered <div> to hold
your content, then the layers inside this <div> will be fixed relative
to the page contents, no matter how wide the browser.

And do not place the layers in any table cells - this will bite you.

If you are using layout tables, why do you need layers anyway? Use the
table cells to lay out the page.
 
J

jacqia77

Hi,

Thanks for the help. I'm not a programmer but I've gone the FP obline basic
trainings.

"To get round this, use a relatively positioned, centered <div> to hold
your content, then the layers inside this <div> will be fixed relative
to the page contents, no matter how wide the browser."

I'm sorry. What do you mean by this? I see <div> as referred to the layer
but how to set so it will be 'relatively positioned'?


"If you are using layout tables, why do you need layers anyway? Use the
table cells to lay out the page."

Because I have a few items that are scattered around the page but I have no
idea how to put it the way I want it to be. So I use layers because its
easier to move. :)

This is my page. Still under construction.
http://www.bizcraftconsultant.com/
 
R

Ronx

You are using VML textboxes in your site. These will present major
problems in any redesign - you cannot use a centered table with them.
See http://www.rxs-enterprises.org/tests/vml-graphics.htm for more
reasons why VML should be avoided.

VML text boxes are ALWAYS positioned relative to the top left corner of
the page, and there is no method to change this. Ordinary layers, as I
said in my previous post, are positioned relative to their parent
positioned element, and can be easily used in a centered page.

The layers on your page contain text. This is another problem waiting
to happen, since the text will expand when users change the text size -
and users WILL change the text size. The result will either be an
overlapping mess, or the excess text will simply disappear from view.
Layers are often the worst solution for a page design - though they do
have their place.

See http://www.rxs-enterprises.org/tests/pages/bizcraft1.htm which has
your masthead and navigation in a relatively positioned div. Since I
don't have your images, default images are used for the logo and
buttons.

The rest of the page can be put together in the same way. Draw the
layout you want on paper, then design a table, or tables, with the
necessary cells to correctly align the bits.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp
 
J

jacqia77

Oh dear,

That really sucks...

Thanks so much for your help. Though I understand what you mean but using
the tables doesnt give me the results I want. Putting the layer position as
'relative' only changed the look I've created.

Can you point me to where I can learn how to use the tables?

Thanks.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Layers / Divs 1
Layers 3
Layers - how to 'stick' 13
Videos don't play in presentations using multiple monitors mode 1
Centering a webpage 5
Scattered Objects when viewed on different computers 2
Pictures and FP Themes 1
Fontpage not displaying properly in smaller monitors 1

Top