layer positioning

#1

I have a layer that I need to move freely while designing, but when the browser
is resized, to move with the rest of the page. I have a wrapper around my table
so that my entire page is centered it horizontally and vertically. Something in
the code is allowing the layer to move horizontally when i resize the browser,
but it doesn't move vertically. here is some of the code from the page. (As it
won't all fit.) Please help me to know what to do here. Line 104 is the layered
body of text. thanks.

</script>
<style type="text/css">

</style>
</head>
<body onload=

"MM_preloadImages('images/NavHomeON.jpg','images/NavProductON.jpg','images/NavTr
adeON.jpg','images/NavBuyON.jpg','images/NavNewON.jpg','images/NavPressON.jpg','
images/NavContactON.jpg','images/Nav_HomeON.jpg','images/Nav_AboutON.jpg','image
s/Nav_SearchON.jpg','images/Nav_TradeON.jpg','images/Nav_BuyON.jpg','images/Nav_
NewON.jpg','images/Nav_PressON.jpg','images/Nav_ContactON.jpg')">
<table id="wrapper">
<tr>
<td>
<div align="center">
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="83"><img src="images/Nav_Home.jpg" name="Home" width="83"
height="64" border="0" usemap="#HomeMap2" id="Home" /></td>
<td width="113"><img src="images/Nav_About.jpg" name="About" width="113"
height="64" border="0" usemap="#AboutMap" id="About" /></td>
<td width="92"><img src="images/Nav_Search.jpg" name="Search" width="92"
height="64" border="0" usemap="#SearchMap2" id="Search" /></td>
<td width="81"><img src="images/Nav_Trade.jpg" name="Trade" width="81"
height="64" border="0" usemap="#TradeMap2" id="Trade" /></td>
<td width="96"><img src="images/Nav_Buy.jpg" name="Buy" width="96"
height="64" border="0" usemap="#BuyMap2" id="Buy" /></td>
<td width="86"><img src="images/Nav_New.jpg" name="New" width="86"
height="64" border="0" usemap="#NewMap2" id="New" /></td>
<td width="49"><img src="images/Nav_Press.jpg" name="Press" width="49"
height="64" border="0" usemap="#PressMap2" id="Press" /></td>
<td width="62"><img src="images/Nav_Contact.jpg" name="Contact"
width="62" height="64" border="0" usemap="#ContactMap2" id="Contact" /></td>
<td width="138"><img src="images/Logo.jpg" name="Logo" width="138"
height="64" id="Logo" /></td>
</tr>
<div class="wrapper">
<tr>
<td height="521" colspan="9" background="images/Home_Body.jpg"><div
id="bodytxt"><span class="style8">“My inspiration generally comes from
document designs that evoke traditions of the past. I relish the discovery of
beautiful documents and the process of interpretation so that they become
classics for today’s homes. I also attempt to imbue my background
textures with natural dimension to accent the most sophisticated rooms, whether
they are traditional, transitional or contemporary.It is my hope that the
Ronald Redding collection of fine wallpapers and coordinated fabrics, trims,
and pillows will inspire your creativity and become essential elements in the
decoration of your home.”</span></div></td>
</tr>
<tr>
<td colspan="9" background="images/Footer.jpg"><div align="center"
class="style3" onclick="MM_goToURL('parent','home.html');return
document.MM_returnValue"><span class="style9">home</span></span><span
class="style6"> | <span class="style7"
onclick="MM_goToURL('parent','about.html');return
document.MM_returnValue">about Ronald</span> | <span class="style7"
onclick="MM_goToURL('parent','search.html');return
document.MM_returnValue">product search</span> | <span class="style7"
onclick="MM_goToURL('parent','trade.html');return document.MM_returnValue">to
the trade</span> | <span class="style7"
onclick="MM_goToURL('parent','buy.html');return document.MM_returnValue">where
to buy</span> | <span class="style7"
onclick="MM_goToURL('parent','new.html');return document.MM_returnValue">whats
new</span> | <span class="style7"
onclick="MM_goToURL('parent','press.html');return
document.MM_returnValue">press</span> | <span class="style7"
onclick="MM_goToURL('parent','contact.html');retur n
document.MM_returnValue">contact us </span></span></div></td>
</tr>
</table>
</div>

#2

It won't move vertically.

--
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
==================

"Ken Bruggeman" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

I have a layer that I need to move freely while designing, but when the
browser
is resized, to move with the rest of the page. I have a wrapper around my
table
so that my entire page is centered it horizontally and vertically.
Something in
the code is allowing the layer to move horizontally when i resize the
browser,
but it doesn't move vertically. here is some of the code from the page.
(As it
won't all fit.) Please help me to know what to do here. Line 104 is the
layered
body of text. thanks.

/script
style type="text/css"
!--
body {
background-color: #331300;
}
html, body, #wrapper{
height:100%;
margin:0;
padding:0;
border:none;
text-align:center;
}
#wrapper {
margin-left:auto;
margin-right:auto;
text-align:left;
vertical-align:middle;
}
.style3 {color: #8E8E8E}
.style6 {color: #9D734E}
.style7 {font-size: 12px}
.style8 {
font-size: 12px;
font-family: "Times New Roman", Times, serif;
color: #4E2A1B;
}
.style9 {
color: #9d734E;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
}
#wrapper{
width:760px;
margin:0 auto;
position:relative;
}
#bodytxt {
position:absolute;
width:462px;
height:115px;
z-index:1;
left: 322px;
top: 568px;
}
--
/style
/head
body onload=

"MM_preloadImages('images/NavHomeON.jpg','images/NavProductON.jpg','images/NavTr
adeON.jpg','images/NavBuyON.jpg','images/NavNewON.jpg','images/NavPressON.jpg','
images/NavContactON.jpg','images/Nav_HomeON.jpg','images/Nav_AboutON.jpg','image
s/Nav_SearchON.jpg','images/Nav_TradeON.jpg','images/Nav_BuyON.jpg','images/Nav_
NewON.jpg','images/Nav_PressON.jpg','images/Nav_ContactON.jpg')"
table id="wrapper"
tr
td
div align="center"
table width="800" border="0" cellspacing="0" cellpadding="0"
tr
td width="83"><img src="images/Nav_Home.jpg" name="Home" width="83"
height="64" border="0" usemap="#HomeMap2" id="Home" /></td
td width="113"><img src="images/Nav_About.jpg" name="About"
width="113"
height="64" border="0" usemap="#AboutMap" id="About" /></td
td width="92"><img src="images/Nav_Search.jpg" name="Search"
width="92"
height="64" border="0" usemap="#SearchMap2" id="Search" /></td
td width="81"><img src="images/Nav_Trade.jpg" name="Trade"
width="81"
height="64" border="0" usemap="#TradeMap2" id="Trade" /></td
td width="96"><img src="images/Nav_Buy.jpg" name="Buy" width="96"
height="64" border="0" usemap="#BuyMap2" id="Buy" /></td
td width="86"><img src="images/Nav_New.jpg" name="New" width="86"
height="64" border="0" usemap="#NewMap2" id="New" /></td
td width="49"><img src="images/Nav_Press.jpg" name="Press"
width="49"
height="64" border="0" usemap="#PressMap2" id="Press" /></td
td width="62"><img src="images/Nav_Contact.jpg" name="Contact"
width="62" height="64" border="0" usemap="#ContactMap2" id="Contact"
/></td
td width="138"><img src="images/Logo.jpg" name="Logo" width="138"
height="64" id="Logo" /></td
/tr
div class="wrapper"
tr
td height="521" colspan="9" background="images/Home_Body.jpg"><div
id="bodytxt"><span class="style8">“My inspiration generally comes
from
document designs that evoke traditions of the past. I relish the discovery
of
beautiful documents and the process of interpretation so that they become
classics for today’s homes. I also attempt to imbue my background
textures with natural dimension to accent the most sophisticated rooms,
whether
they are traditional, transitional or contemporary.It is my hope that the
Ronald Redding collection of fine wallpapers and coordinated fabrics,
trims,
and pillows will inspire your creativity and become essential elements in
the
decoration of your home.”</span></div></td
/tr
tr
td colspan="9" background="images/Footer.jpg"><div align="center"
class="style3" onclick="MM_goToURL('parent','home.html');return
document.MM_returnValue"><span class="style9">home</span></span><span
class="style6"> | <span class="style7"
onclick="MM_goToURL('parent','about.html');return
document.MM_returnValue">about Ronald</span> | <span class="style7"
onclick="MM_goToURL('parent','search.html');return
document.MM_returnValue">product search</span> | <span class="style7"
onclick="MM_goToURL('parent','trade.html');return
document.MM_returnValue">to
the trade</span> | <span class="style7"
onclick="MM_goToURL('parent','buy.html');return
document.MM_returnValue">where
to buy</span> | <span class="style7"
onclick="MM_goToURL('parent','new.html');return
document.MM_returnValue">whats
new</span> | <span class="style7"
onclick="MM_goToURL('parent','press.html');return
document.MM_returnValue">press</span> | <span class="style7"
onclick="MM_goToURL('parent','contact.html');retur n
document.MM_returnValue">contact us </span></span></div></td
/tr
/table
/div

#3

I know. thats where the problem lies. Is there a way to keep in positioned on the page even when the browser is resized?

#4

What is it you are trying to accomplish? If it's to keep the element in the
center of the page vertically, I don't know of a way to do that....

--
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
==================

"Ken Bruggeman" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

I know. thats where the problem lies. Is there a way to keep in positioned
on the page even when the browser is resized?

#5

Is anyone online that can help me?

#6

What part of "I don't think you can do this" is the problem? 8)

--
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
==================

"Ken Bruggeman" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

Is anyone online that can help me?

#7

Are you going to help him or mock him? I am having the same problem and your cryptic answers aren't really helping...

#8

Read the thread. Tell me where your symptoms differ from his. If they
don't then I would have to give you the same answer - "It won't move
vertically"

--
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
==================

"Alecto161" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

Are you going to help him or mock him? I am having the same problem and
your cryptic answers aren't really helping...

#9

Ken Bruggeman wrote:

Quote:

Is anyone online that can help me?
if you really need keep it both horizontally and vertically center,

ditch the div that wraps it and put everything in a single-cell table
using valign="middle" and align="center"

what you are trying to do is at best, extremely difficult using css
layout (vertical alignment of middle) without knowing the exact height
of the content you are "centering" AND the height of the browser window
- meaning you need to dynamically figure those using the DOM and
scripting and render each time the browser window is resize due to the
user changing the window or text font size---

this is one place where the table cell layout actually IS the more sane
approach, assuming the rest of the content is of a sort that will work
in a table cell.

Donna

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

layer positioning

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)

layer positioning - 10-18-2005 , 03:54 PM

Re: layer positioning - 10-18-2005 , 04:07 PM

Re: layer positioning - 10-19-2005 , 08:05 AM

Re: layer positioning - 10-19-2005 , 08:43 AM

Re: layer positioning - 10-19-2005 , 11:01 AM

Re: layer positioning - 10-19-2005 , 11:27 AM

Re: layer positioning - 11-07-2005 , 06:53 PM

Re: layer positioning - 11-07-2005 , 07:28 PM

Re: layer positioning - 11-07-2005 , 09:02 PM