Friends & Comments Scrollbox in Div, Issues with codes of Friends and Comments in Div Options

[eMarie2470]

I've run into a problem. Someone contacted me for help about having their friends and comments in a boxed area with a scroll bar on their div layout. I figured I can help since I've done this many times before. BUT when I tried the code it didn't work (I haven't used that code in a while so I didn't know it wouldn't work). I didn't know what the problem was because I didn't see a reason why it wouldn't work.

Here's the Profile I'm working with (I've taken his codes and placed it on another profile.)

As you can see he wants the friends and comments to fit in the area on the bottom. I've tried to use this code

CODE

<div style="position:absolute;
left: 50%;
margin-left: -350px; _margin-left: -498px;
top:1571px;
width:710px;
height:455px;
background-color:transparent;
overflow:auto;
z-index:2; border="1">
<center><table><tr><td><table><tr><td><table><tr><td>

</td> </tr> </table> </DIV>
<div class="comt"><table><table>

...with it being placed on the bottom of the layout in the 'I'd Like To Meet' section. Before (for the past year or 2) this code has worked for me. I didn't see any other conflicts in coding with the rest of the codes. (you can view source for rest of code if you need to)

So, I've placed it in the myspace, save changes, and view profile and it still doesn't work. I try to go back into the edit and I look at the code again and it looks different to me. This is what it gave me

CODE

<div style="position:absolute;
left: 50%;
margin-left: -350px; _margin-left: -498px;
top:1571px;
width:710px;
height:455px;
background-color:transparent;
overflow:auto;
z-index:2; border=">
<center><table><tr><td><table><tr><td><table><tr><td>

</td> </tr> </table> </td></tr></table></td></tr></table></center></div>
<div class="comt"><table><table></table></table></div>

It seems to me that myspace seems to be adding or 'adjusting' codes on its own (kinda reminds me of Frontpage). I'm not sure if this is just a 'glitch' in the system or if its something myspace did purposely but I don't know if there is a way around this or not. I can't figure it out at all.
If anyone can help with this code or give me another working code that can do this the please Help. Not just for this guy, but for everyone who's doing this.

Thanks in advance for everything!

[fixtatik]

it might have something to do with the unclosed style attribute of the <div> tag. right after z-index:2; and before border="1" you just need another ".

[eMarie2470]

This somewhat worked HERE IT IS ON THE SAMPLE

it got the codes in the general area, but the Friends are missing and there is no scroll bar. The overflow should be good and that's the only thing I can think of to fix it.

[fixtatik]

eh, well, if you can ensure all of your visitors use firefox, you can make tables scroll by adding display:block; to the class in your style sheet, as well as a fixed height and overflow:auto;

[fixtatik]

i wouldn't really say "especially" with chrome. only a bit more than 1% of my visitors use it. it's new, it's decent, but it's nothing special enough to take down firefox and IE. firefox has been around for 4 1/2 years, and still holds less than 30% of internet users.

[fixtatik]

oh, okay. it shouldn't be any different than safari, though. safari and chrome both use the webkit layout engine.