Website Design Forum

**Amadeus** · 08-21-2008, 08:51 AM

new here...i currently manage a high school website. i'm trying to add a scrolling text box to it over a blue background that's already there. i can add a box, but not where i want it. There's a text box on the left and i want the scrolling one on the right. i also have little experience with web design so any help is appreciated. thanks!

**wayfarer07** · 01:21 PM

Scrolling boxes are usually made by setting a height on a <div>, then setting the overflow to auto in the CSS like this:

HTML Code:

<head>
<style type="text/css">
#box {
height: 200px;
overflow: auto;
}
</style>
</head>
<body>
<div id="box">
<p>Some nonsense you want to talk about</p>
</div>

Now, with a height of 200px, there will be no scrollbars, but if you add more text, once it "overflows", scroll bars will be added to allow for it. This is usually preferable to overflow:scroll;

**Amadeus** · 08-21-2008, 01:35 PM

thanks. where do i write it? I try to put it on the page NEXT to the other text box but it won't let me..

**wayfarer07** · 08-21-2008, 02:43 PM

I guess you must think I am psychic. Of course I would have no idea without looking at the code you have, and even better would be a link. Normally to put a div next to another div, you float it.

**Amadeus** · 08-21-2008, 06:17 PM

what, you're not? thanks and i'll give it a try