On my site I want to create a little scroll box which will contain a blog about the site's progress. I know I can create a scroll box with a css layer, but is there any way to create a scroll box with html as my site is in a table. or is there a way to place a css layer inside a table? I remember reading something about iFrames, is this what I need? My site homepage is below. thanks for any help.

jason

I think you just need to add a div inside one of your table cells and then use css on that div. Let's say you give that div an id="blog-progress" then your css would be:

div#blog-progress {overflow: auto} or
div#blog-progress {overflow: scroll}

You can use css with tables. Don't confuse a css layout with css in general. Your site could certainly be developed without the tables and I'm guessing you already know that would be my preferred appoach, but it's ok to have a table based layout and still use css.

Thanks for that advice Van and it works in firefox and netscape (can't test in IE) but for some reason it doesn't work in Safari. There is an ID div tag on that very same page which wraps the table and that works. But for this little id div wrap inside the table i have problems. Its not just the align. 'Margin-left' does not work and for a test i tried background-color change. This does not work either in safari but works in the rest. Does anyone know issues reagarding this matter or any thing I could try changing?


http://aspirecreate.com

thanks

The page doesn't seem to be loading for me at the moment, but I'll take a look again later. Feel free to post the code too, both html and css. Hopefully though, the link will work for me next time I check.

A couple of thoughts. I know it's seems obvious, but check to make sure you've got the everything spelled the same and you're using # for the id in the css instead of . as in a class. I've done that myself often enough.

You might also need to make the css more specific. So instead of just

div#yourid it might need to be

td div#yourid

or even

div#wrapper td div#yourid

Sometimes I've found that to help when all the css for an element wasn't working. Since nothing seems to be working on that div at the moment I'm thinking it's more of a specificty issue and that Safari just isn't applying the css at all.

Thanks. My remote server (lunar pages) seems to be down at the moment. (it's not normally down for more than 20 mins at a time).
I'll have a go at some of your suggestions.

oh. It's up now. I think I got the scroll bar working now. thanks again.
now i'm thinking that the page appeared not to work only in safari because is was cached. it must have been because i did nothing to it and now its working. sorry.

I'm able to view the page now so I took a look. I didn't see anything obvious. It looked to me like it should work and it did for me in both Firefox and IE.

What it might be in Safari is the position: inherit you have on the blogprogress div. You shouldn't need that and I did find something about a bug in Safari when both overflow and positioning were applied to a div in a similar context. The bug was something different than what you're seeing, but it might be related.

Might be something else to try anway.