image map and DIV Options

[Smarmosaur]

there are about 20 (extremely rough guess) pixels of blank space between the top of the scrollbox-for my comments-and the first comment. I think it's there because of the removal of my friends space and everything in the comments except the name of the user who posted it, the comment itself, and the add comment button at the bottom. it's interfering with part of my image map, and when I repeat that part in a new div, I can't move it to the right spot because the top blank part of the scrollbox is in the way (yes, i'm using z-index). to make it a little more clear, I hid the scrollbar, using overflow:hidden, instead of auto, and lined up the contents (not the entire scrollbox itself) with my main DIV.
http://www.myspace.com/animatedheart
screenshot:


code- {i'd like to meet} without repeated DIV.

CODE

<div class="bg" style="position: absolute; overflow: hidden; top: 110px; left: 100px; z-index:1;">
<table id="Table_01" width="800" height="561" border="0" cellpadding="0" cellspacing="0">
     <tr>
         <td colspan="7">
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowdiv_01.gif" width="800" height="28" alt=""></td>
     </tr>
     <tr>
         <td rowspan="4">
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowdiv_02.gif" width="343" height="532" alt=""></td>
         <td colspan="2">
             <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00NjM0MDYzMw==">
                 <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/message.gif" width="152" height="54" border="0" alt=""></a></td>
         <td colspan="2">
             <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD00NjM0MDYzMw==">
                 <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/pics.gif" width="104" height="54" border="0" alt=""></a></td>
         <td>
             <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00NjM0MDYzMw==">
                 <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/add.gif" width="83" height="54" border="0" alt=""></a></td>
         <td rowspan="4">
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowdiv_06.gif" width="118" height="532" alt=""></td>
     </tr>
     <tr>
         <td colspan="5">
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowdiv_07.gif" width="339" height="312" alt=""></td>
     </tr>
     <tr>
         <td rowspan="2">
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowdiv_08.gif" width="125" height="166" alt=""></td>
         <td colspan="2">
             <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ2MzQwNjMz">
                 <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/comment.jpg" width="98" height="28" border="0" alt=""></a></td>
         <td colspan="2" rowspan="2">
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowdiv_10.gif" width="116" height="166" alt=""></td>
     </tr>
     <tr>
         <td colspan="2">
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowdiv_11.gif" width="98" height="138" alt=""></td>
     </tr>
     <tr>
         <td>
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowspacer.gif" width="343" height="1" alt=""></td>
         <td>
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowspacer.gif" width="125" height="1" alt=""></td>
         <td>
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowspacer.gif" width="27" height="1" alt=""></td>
         <td>
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowspacer.gif" width="71" height="1" alt=""></td>
         <td>
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowspacer.gif" width="33" height="1" alt=""></td>
         <td>
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowspacer.gif" width="83" height="1" alt=""></td>
         <td>
             <img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/snowspacer.gif" width="118" height="1" alt=""></td>
     </tr>
</table>
</div>

<div style="position:absolute; top:450px; left:482px; width:270px; height:30px; z-index:3;"><marquee direction="left" scrollamount="5">♪Secondhand Serenade-Vulnerable♪</marquee></div>


<div class="comments" style="width: 418px; height:182px; position: absolute; top:479px; left: 390px; z-index:2; overflow: auto; margin:0; padding:0"><center><table><table><tr><td><table></center></div>

[pandora]

please take your profile off private so i can see the problem FORREALS. thanks

[Smarmosaur]

please take your profile off private so i can see the problem FORREALS. thanks

it's public...

[Smarmosaur]

i'm 100% sure it's public.

[pandora]

how old are you?

edit:// it says on your limited profile you're 14. so people over a certain age can't view your profile.

[Smarmosaur]

how old are you?

edit:// it says on your limited profile you're 14. so people over a certain age can't view your profile.

oh...*duh*. temporarily changed it. :]

[pandora]

when i look at your myspace, i can see the div just isnt aligned with the box you've drawn in your layout. but i dont see that it's interfering with any imagemaps... actually i dont see any of the problems you've stated in your first post...

can you be a little more clear?

[S-Majere]

I've just had a play around with your code on my test site - try reducing the height of your comments DIV by about 20/30 pixels (and you'll also need to alter it's positioning too) and see if that helps.

[Smarmosaur]

when i look at your myspace, i can see the div just isnt aligned with the box you've drawn in your layout. but i dont see that it's interfering with any imagemaps... actually i dont see any of the problems you've stated in your first post...

can you be a little more clear?

quoting myself:

I hid the scrollbar, using overflow:hidden, instead of auto, and lined up the contents (not the entire scrollbox itself) with my main DIV.

also, notice above the comments, there is "comment"-it's not "comments". "comment" is going to be a link that lets you comment me. that's the part that wont work.

I've just had a play around with your code on my test site - try reducing the height of your comments DIV by about 20/30 pixels (and you'll also need to alter it's positioning too) and see if that helps.

that doesn't do anything but make the actual box smaller, obviously-the blank spot is still there. i want the comments to fill that entire box drawn on the layout, not just part of it so it looks like crap, or else i'd just move the box down so it's not in the way of the link and not even worry about the blank spot.

i thought i said this in my original post, but i might have deleted it when i edited:
the actually scrollbars are not going to be there, since i'm using overflow:hidden, instead of auto-i temporarily changed it so you could see the blank space. :]

[pandora]

you obviously arent using overflow: hidden if there... are scrollbars.


did you mess with the coordinates?

[Smarmosaur]

you obviously arent using overflow: hidden if there... are scrollbars.


did you mess with the coordinates?

quoting myself again.

the actually scrollbars are not going to be there, since i'm using overflow:hidden, instead of auto-i temporarily changed it so you could see the blank space.

[pandora]

sorry, jesus. maybe if you got straight to the point, i wouldnt feel the need to skip every other CHAPTER of your first post.


anyway, DID YOU MESS WITH THE COORDINATES?

[Smarmosaur]

yes, i messed with the coordinates.
now the actual scrollbox is lined up, not the contents.

[pandora]

post your updated code.

[Smarmosaur]

just the DIV since i didn't change anything else.

CODE

<div class="comments" style="width: 413px; height:142px; position: absolute; top:519px; left: 410px; z-index:2; overflow: auto; margin:0; padding:0"><center><table><table><tr><td><table></center></div>

[pandora]

well first of all one of the commenters in your comments has a long name that is stretching it out a teensy bit, so i think the box you've drawn is a little small for your comments.

you also need to play with the padding...

try

padding:-20px 0 0 -10px;

[Smarmosaur]

yeah...close?
i decided to just add a link at the top and deal with it.