lollie
08-20-2002, 05:19 PM
Hi all,
I have four vertical layers that are side by side. I've set the width for each for what I need (it's a newsletter). But when I type in the layer, it expands horizontally instead of wrapping the text.
I tried to change the overflow to auto, scroll and visible, but that didn't work. I also tried to convert the layers to tables (I'm in DreamWeaver), but I had the same problems with the table cells after the conversion.
Here is the text with the four layers. Any help is greatly appreciated!!
<body bgcolor="#FFFFFF" text="#000000" class="specialNote">
<div id="Layer1" style="position:absolute; width:87px; height:485px; z-index:1; left: 13px; top: 136px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: auto; visibility: visible"><!-- #BeginEditable "left" -->{left}<!-- #EndEditable --></div>
<div id="Layer2" style="position:absolute; width:267px; height:486px; z-index:2; left: 110px; top: 136px; visibility: visible; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: auto"><!-- #BeginEditable "center" -->{center}<!-- #EndEditable --></div>
<div id="Layer3" style="position:absolute; width:87px; height:488px; z-index:3; left: 384px; top: 136px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: auto; visibility: visible"><!-- #BeginEditable "rcenter" -->{rcenter}<!-- #EndEditable --></div>
<div id="Layer4" style="position:absolute; width:87px; height:487px; z-index:4; left: 480px; top: 136px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: scroll; visibility: visible"><!-- #BeginEditable "right" -->{right
}<!-- #EndEditable --></div>
</body>
I have four vertical layers that are side by side. I've set the width for each for what I need (it's a newsletter). But when I type in the layer, it expands horizontally instead of wrapping the text.
I tried to change the overflow to auto, scroll and visible, but that didn't work. I also tried to convert the layers to tables (I'm in DreamWeaver), but I had the same problems with the table cells after the conversion.
Here is the text with the four layers. Any help is greatly appreciated!!
<body bgcolor="#FFFFFF" text="#000000" class="specialNote">
<div id="Layer1" style="position:absolute; width:87px; height:485px; z-index:1; left: 13px; top: 136px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: auto; visibility: visible"><!-- #BeginEditable "left" -->{left}<!-- #EndEditable --></div>
<div id="Layer2" style="position:absolute; width:267px; height:486px; z-index:2; left: 110px; top: 136px; visibility: visible; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: auto"><!-- #BeginEditable "center" -->{center}<!-- #EndEditable --></div>
<div id="Layer3" style="position:absolute; width:87px; height:488px; z-index:3; left: 384px; top: 136px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: auto; visibility: visible"><!-- #BeginEditable "rcenter" -->{rcenter}<!-- #EndEditable --></div>
<div id="Layer4" style="position:absolute; width:87px; height:487px; z-index:4; left: 480px; top: 136px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: scroll; visibility: visible"><!-- #BeginEditable "right" -->{right
}<!-- #EndEditable --></div>
</body>