iframe alternative?

**Jon101** · 09-25-2008, 05:42 PM

Im trying to keep my site contained within certain parameter and once they reach a certain height i want the content inside to be scrollable. Is there solution to do this other than using iframes? I hear that they are not the smartest choice.

Thanks!
Jon

**TheJoshMan** · 09-25-2008, 05:48 PM

you can use divs...

I don't know if you are using "external" content in your iframes... either way you can still use divs... One would just require the use of AJAX.

To place inline content in a div and have it scroll you'd simply need to use css, like this:

The CSS:

Code:

.container {
height: 400px;
width: 400px;
overflow:auto;
}

The HTML:

Code:

<div class="container">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut suscipit, massa consequat iaculis vestibulum, sapien massa ullamcorper est, sagittis sodales elit nisl vehicula ipsum. Cras blandit, metus eget vestibulum semper, turpis dui rutrum lacus, vitae condimentum dolor nisl non dolor. Fusce volutpat. Phasellus eleifend fermentum nulla. Pellentesque in mauris. Etiam ac purus. Nam nec metus eu felis commodo gravida. Duis orci arcu, condimentum ut, gravida ut, dictum nec, tellus. Nullam lorem. Aliquam sollicitudin tincidunt eros.

Curabitur et urna sagittis mi pulvinar elementum. Sed tristique nisl non nisi. Aliquam eros sem, blandit nec, ultricies sed, placerat aliquam, erat. Praesent elit. Proin in enim eget risus bibendum pulvinar. Vivamus sit amet velit quis mi egestas consequat. Aliquam a tortor vel purus adipiscing accumsan. Nulla condimentum ipsum rutrum dui. Nam laoreet nisi eu mauris. In hac habitasse platea dictumst. Etiam facilisis, neque ac viverra vestibulum, risus nulla fringilla est, at egestas lacus velit quis augue. Phasellus nec neque eget dui cursus blandit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque malesuada.

Donec dolor. In blandit. Suspendisse potenti. Sed eget enim. Nunc ornare. Nam a ligula. Etiam condimentum est non nunc. Donec consectetuer eleifend purus. Donec malesuada bibendum felis. Pellentesque libero sem, convallis at, eleifend non, auctor eu, libero. Etiam euismod rhoncus justo. Suspendisse pede ante, pharetra euismod, aliquet sit amet, venenatis sed, quam. Cras tempus lorem ac justo. Nulla tristique fringilla mi. Cras eu turpis quis felis porttitor imperdiet. Proin diam justo, mollis ut, ullamcorper eget, commodo suscipit, mauris. Morbi convallis. Nam id ligula. Fusce sagittis nibh a orci. Integer est quam, tincidunt ac, vehicula ut, tincidunt vel, ante.

Pellentesque nec nunc. Curabitur vel lacus vitae odio semper mollis. Aenean augue. Donec faucibus ligula nec neque. Duis laoreet sagittis magna. Maecenas pulvinar, purus id aliquam varius, erat elit porttitor diam, id tempus arcu sapien vel dui. Vivamus imperdiet massa et velit. Integer congue purus nec purus. Sed lacinia rhoncus lorem. Nam euismod nisl eu sem. Donec tincidunt. Aenean vestibulum enim a arcu. Nam cursus bibendum purus. Integer ligula. Pellentesque luctus scelerisque odio. Proin tincidunt, lectus quis consectetuer mattis, nisi sem imperdiet massa, sed bibendum nibh quam quis diam. Vestibulum tempus, elit et ultricies pulvinar, libero metus ultricies mi, non lacinia lectus nisi id elit. Proin tempor scelerisque est. Nulla id justo.

Etiam est. Maecenas vulputate semper quam. Praesent sit amet tellus. Fusce elementum libero ut tortor. Nunc volutpat sodales tellus. Duis nec felis. Aenean at quam. Cras nec libero ac ipsum pulvinar cursus. Praesent eleifend lectus ac eros. Maecenas aliquet. Donec fringilla, enim vulputate auctor tempor, arcu massa tempus nunc, et congue purus metus id augue. Quisque rhoncus posuere lorem. In volutpat lacinia nisl. Ut hendrerit enim sed erat. Vivamus est. Quisque lectus. Suspendisse potenti. Aenean elit eros, aliquam vel, consectetuer vel, placerat id, est. 
</div>