tables moving in browser (new to this)

I just started using this software,my problem is I have two layers over a
background image, one with thumnails and one to view a larger image, which
looks great in DW, but when I view in browser it moves and is not centered and
is in a different place in IE than in Safari and doesn't show up at all in
Mozilla. Please Help me.
Thank you.

Tables will move in the browser if you have their setting to align center.

There are possibly two ptions you can consider to rectify this situation.

1) There is a free extention at www.projectseven.com look under the
extetions tab for 'Snap Layers'. What this does is snap a layer/s to an
anchor object on your page. The anchor object is usually an image.

2) Probably a much more seamless and successful way to do this is insert
the layers into the table cells and change their positioning from
'absolute' to 'relative'

Is it possible you could give a link to the page in question? Its much
easier to say which of the two otions above will work better for you.





hoinko wrote:

I just started using this software,my problem is I have two layers over a
background image, one with thumnails and one to view a larger image, which
looks great in DW, but when I view in browser it moves and is not centered and
is in a different place in IE than in Safari and doesn't show up at all in
Mozilla. Please Help me.
Thank you.

There is a third and even better option -

3. Center the entire page using CSS.

Here is a good demonstration -

http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.html

And here is some code -

(inline styles used for clarity)

STYLESHEET -
body { text-align:center; } /* for IE5/IE5.5 */
#wrapper { text-align:left; }

BODY -
<div id="wrapper" style="width:760px; top:0; margin:0 auto;
position:relative;">
<div id="layer1" style="width:200px; top: 25px; left:140px;
position:absolute;">blah</div>
<div id="layer2" style="width:180px; top: 136px; left:23px;
position:absolute;">blah</div>
</div>

Try that - an outer relatively positioned division with a width and auto
left and right margins. All interior AP divisions will be centered, yet
retain the
same relative positioning.


--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

Tables will move in the browser if you have their setting to align center.

There are possibly two ptions you can consider to rectify this situation.

1) There is a free extention at www.projectseven.com look under the
extetions tab for 'Snap Layers'. What this does is snap a layer/s to an
anchor object on your page. The anchor object is usually an image.

2) Probably a much more seamless and successful way to do this is insert
the layers into the table cells and change their positioning from
'absolute' to 'relative'

Is it possible you could give a link to the page in question? Its much
easier to say which of the two otions above will work better for you.





hoinko wrote:
I just started using this software,my problem is I have two layers over a
background image, one with thumnails and one to view a larger image,
which looks great in DW, but when I view in browser it moves and is not
centered and is in a different place in IE than in Safari and doesn't
show up at all in Mozilla. Please Help me. Thank you.

I guess if they are using a table they could even wrap that in a
relatively positioned <div>.

I really would like to see exactly what is going down on the page. Maybe
we'll get a chance later.

Anyway they have a few alternatives to be playing around with.




Murray *TMM* wrote:

There is a third and even better option -

3. Center the entire page using CSS.

Here is a good demonstration -

http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.html

And here is some code -

(inline styles used for clarity)

STYLESHEET -
body { text-align:center; } /* for IE5/IE5.5 */
#wrapper { text-align:left; }

BODY -
div id="wrapper" style="width:760px; top:0; margin:0 auto;
position:relative;"
div id="layer1" style="width:200px; top: 25px; left:140px;
position:absolute;">blah</div
div id="layer2" style="width:180px; top: 136px; left:23px;
position:absolute;">blah</div
/div

Try that - an outer relatively positioned division with a width and auto
left and right margins. All interior AP divisions will be centered, yet
retain the
same relative positioning.