Hello everyone. I'm working in dreamweaver and have been rebuilding a site from a template. I'm adding a layer from the insert, then layer button. I then reposition the layer on the site where I want it. I have the overflow on scroll.
Now here is where I have two problems.
First is there anyway to set the layer where when I type as it reaches the end of layer it will start on a new line beneath the line above it? What it does now is it still lets me type and type and stretches out the layer and when you preview it it has a bottom scroller going across the page. I just wanted the scroller for vertical scrolling.
Now my second issue I'm having is when I also preview the site, the layer is not in the right position where I dragged it to be.
Is there some type of way I can lock the layer in to not move? And also just have a scroller for vertical use and not horizontal?
I'm still learning slowly html coding, I'm a graphic artist trying to test out new waters, so I'm not quiet good with the coding side yet and using my design skills to keep me afloat.
Although if there is coding involved I follow directions well!
Any input would be of great use. Thank you in advance!

overflow: auto; and a fixed height and width will give V scroll only (with a correct doctype of course)

with the positioning it sounds like you are setting absolute position which doesn't always work as you expect

With the overflower the auto worked wonderfully thank you. The layer is still moving around all crazy, what should I change it to besides an absolute position? The code looks like this :

div id="layer 1" style="position:absolute; width: 315px; height: 1136px; z-index: 1; left: 225px; top: 224px; overflow: auto;"

Once again thank you so much!

It depends on your layout.
If you are using a "fluid" layout where the various elements can adjust as the browser is resized or different resolutions are used then using position absolute can become a nightmare. If the elements are all absolute and the sizes fixed is a different story.

It sounds like you are trying to use a fluid layout but with the content stating at a fixed point, a look at the original layout would shed more light. But floated spacing divs sound like the best plan to me.

styles;

#header {
  position:relative;
  height:224px;
  width:100%;
}
#side {
  position:relative;
  width:225px;
  height:822px;
  float:left;
}
#content {
  position:relative;
  width:315px;
  height:1136px;
  float:left;
  overflow:auto;
}
.clearing {
  position:relative;
  clear:both;
}

page

<div id="header">placeholder for 225 pixel top </div>
<div class="clearing"></div> <!--clearing div to break the float-->
<div id="side">Side place holder  </div>
<div id="content">This is the scrolling area</div>

Didn't test this BTW but it should work.

One point to note is, Don't use spaces in element IDs or names.