PDA

View Full Version : Iframe scrolling



benslayton
07-26-2006, 03:28 AM
Ok I cant see what is wrong. The content is scrolling left/right instead of up/down.



css code


<style type="text/css">
.iframe {
overflow:auto;
height:75px;
width:100px;
}
</style>



<div class="iframe">Message,Message,Message,Message,
Message,Message,Message,Message,MessageMessage,Message</div>

Vallim
07-26-2006, 04:32 AM
Hi,

In order to have the scroll bar from top to bottom you have to specify the height and width of the div tag as,

.iframe
{
overflow:auto;
height:30px;
width:420px;
}

Regards,

Valli.

(www.syncfusion.com)

ASP.Net FAQ:
http://www.syncfusion.com/faq/aspnet/default.aspx

jscheuer1
07-26-2006, 04:49 AM
In order to have the scroll bar from top to bottom you have to specify the height and width of the div tag as,

.iframe
{
overflow:auto;
height:30px;
width:420px;
}

That is almost exactly what Ben has:


<style type="text/css">
.iframe {
overflow:auto;
height:75px;
width:100px;
}
</style>

The real problem is that by not including any white space in the content:


Message,Message,Message,Message,
Message,Message,Message,Message,MessageMessage,Message

It cannot wrap and is too wide, needing a horizontal bar. Change the content to:


Message, Message, Message, Message,
Message, Message, Message, Message, Message, Message, Message

and your troubles are over.

benslayton
07-26-2006, 09:28 PM
Thanks, I fiqured that out about a minute after I started this thread. I kinda feel stupid.:o :o