Urgent! Cant center my table anymore once applying the scroll down div.

[deluxmonkey]

http://blueroomfx.com/BlueRoomClient/path/aboutus.html

Here is the page I am having trouble on please. I would like to center the middle table, I cant for the life of me do it, I hit center, and it just stays still. I am using Adobe Go Live CS. When the table was a regular table it centered just fine like the others on the page, and I added a scroll down <div> code to it, to enable scrolling, and now it just sticks to the left side of the page, how annoying.

How can I fix this please? Thanks sooo much.

Is it a matter of creating a css option to it and centering that, it seems like the new scroll div I added overrides the tables centering ability, weird.

[vinyl-junkie]

Welcome to AHFB!

I don't use Adobe Go Live so I can't tell you how to fix your code in its code view. However, in a cursory examination of your (very kludge-y) code, I noted the following line which appears to be totally unnecessary and the line which is probably screwing everything up:

<div style="width: 800px; height: 400px; overflow: scroll; align: center; background-color: #ccc;">

Just a little editorial comment while I'm at it: WYSIWYG editors like Adobe Go Live are fine for rendering a web page quickly, but you still need to be able to understand the code that it generates when things go wrong.

[deluxmonkey]

That code line that you mention enables the table to be scrollable. Although it does screw everything up. I would simply like to make my table scrollable, as I have done, but also make it centered.

Without the line of code you mentioned everything is perfect, centered, though lacking the scrollable function in the table.

I simply want
1. A scrollable table.
2. For that table to be centered on the page always, like my other tables.

Thanks! I do understand coding, though this is a tough one, I never did this function before.

[deluxmonkey]

Thanks guys, you can check it out when you want. It was a bit tricky, I really had to code this thing.

[vinyl-junkie]

OK, don't put that line back in though. Replace the next line after it:

<table width="800" background="images/mainpagecentral.jpg" height="700" border="0">

with this instead:

<table  height="700" border="0" 
style="width: 800px; height: 400px; overflow: scroll; align: center; 
background-image: url(images/mainpagecentral.jpg);">

That should at least come closer to what you want.