Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Aug 2002
    Location
    NC
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Stopping a layer from resizing

    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>

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Posts
    3,467
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Uh, works fine for me. Looks correct too. What browser are you using?

    Do you have a sample page online I can look at?

  • #3
    New to the CF scene
    Join Date
    Aug 2002
    Location
    NC
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    My browser is explorer4+. I don't have anything out on the web yet.

    Is there a command that stops layers from automatically resizing? I went back and tried it again, but my layers are still resizing for the text. I want the width that I set to remain and the text to wrap instead of expand the layer.

    Thanks

  • #4
    Regular Coder martin_narg's Avatar
    Join Date
    Jul 2002
    Location
    Chamonix, France
    Posts
    600
    Thanks
    1
    Thanked 3 Times in 3 Posts
    just set the width of the layer, not the height and it will wrap the text

    <div id="myDiv" style="position:absolute; left:100; top:100; width:400"></div>

    m_n
    "Cos it's strange isn't it. You stand in the middle of a library and go 'Aaaaaaaaaaaaaaaaggggggghhhhhhh!'
    and everybody just stares at you. But you do the same in an aeroplane, and everybody joins in."
    -Tommy Cooper


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •