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!

[Mickey]

I just messed with my codes earlier and I experienced the same thing. It appears to me that MySpace automatically closes open table tags now. My only solution is for you to position the comments using its original class, like this:

CODE

<style>
.friendsComments {position:absolute; left: 50%; margin-left: -350px; _margin-left: -498px; top:1571px; width:710px; height:455px; background-color:transparent; overflow:auto; z-index:2;}
.friendsComments table, .friendsComments td, .friendsComments table td {width:100%;}
</style>

See if that code works as well for you as it did for me.

[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]

I just messed with my codes earlier and I experienced the same thing. It appears to me that MySpace automatically closes open table tags now. My only solution is for you to position the comments using its original class, like this:

CODE

<style>
.friendsComments {position:absolute; left: 50%; margin-left: -350px; _margin-left: -498px; top:1571px; width:710px; height:455px; background-color:transparent; overflow:auto; z-index:2;}
.friendsComments table, .friendsComments td, .friendsComments table td {width:100%;}
</style>

See if that code works as well for you as it did for me.

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.

[Mickey]

That's the problem with the new adjustment. You can only combine the Friends and Comments into one DIV using table codes. Since MySpace has messed with that, I assume you can only position them separately now. The scrolling option is another downside to the new changes. The classes you're using to move them around are for tables. Unfortunately, you can't make tables scroll.

[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;

[Mickey]

^That's unlikely, especially with the new Google Chrome. There's just too much different browsers to comply to now. Blah.

[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.

[Mickey]

Sorry, I meant Chrome as another new browser to get acquainted with in terms of coding.

[fixtatik]

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

[Mickey]

I figured as much. Alright, well I'll close this for now since her problem can't be solved (besides using a hack that doesn't really work with other browsers). eMarie, PM me if you need this reopened. Topic closed & moved.