Log In · Register

 
 
Closed TopicStart new topic
My Div/Sliced profile is centered in FF but not IE, WHY??
sebz
post Aug 31 2008, 11:07 AM
Post #1


is a greek demi-god.
**

Group: Member
Posts: 16
Joined: Aug 2008
Member No: 681,841



title is self explanatory,
heres my myspace:

CODE
http://www.myspace.com/zorostrikesagain


and the coding:

about me
CODE
<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:0px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>





<style>

body {
background-color: 7a614e;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:;
scrollbar-track-color: ;
scrollbar-shadow-color: ;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-darkshadow-color:;
scrollbar-3dlight-color:;}

table, tr, td {background-color: transparent; border: 0px; padding:0;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color: ; background-color: ; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: ; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: ; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:dbf3ef; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }

</style>









<div class="bg" style="position:absolute;
margin-left:50%;
left:-401px;
top:200px;
width:801px;
height:872px">

<table id="Table_01" width="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_01.gif" width="800" height="207" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="207" alt="" /></td>
</tr>
<tr>
<td colspan="9">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_02.gif" width="624" height="6" alt="" /></td>
<td rowspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlciZjaXJj
Wl0YWN0aW9uPXZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTI5NTM5MTk0">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Untitled-1_03.gif" width="104" height="29" border="0" alt="" /></a></td>
<td rowspan="8">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_04.gif" width="72" height="664" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="6" alt="" /></td>
</tr>
<tr>
<td colspan="6">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_05.gif" width="514" height="10" alt="" /></td>
<td colspan="2" rowspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9Mjk1MzkxOTQ=">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Untitled-1_06.gif" width="84" height="34" border="0" alt="" /></a></td>
<td rowspan="7">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_07.gif" width="26" height="658" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="10" alt="" /></td>
</tr>
<tr>
<td rowspan="6">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_08.gif" width="309" height="648" alt="" /></td>
<td rowspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0yOTUzOTE5NA==">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Untitled-1_09.gif" width="92" height="32" border="0" alt="View Pics" /></a></td>
<td rowspan="6">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_10.gif" width="35" height="648" alt="" /></td>
<td colspan="2" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yOTUzOTE5NA==">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Untitled-1_11.gif" width="41" height="24" border="0" alt="" /></a></td>
<td rowspan="4">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_12.gif" width="37" height="397" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="13" alt="" /></td>
</tr>
<tr>
<td rowspan="5">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_13.gif" width="104" height="635" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="11" alt="" /></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_14.gif" width="41" height="373" alt="" /></td>
<td colspan="2" rowspan="2">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_15.gif" width="84" height="373" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="8" alt="" /></td>
</tr>
<tr>
<td rowspan="3">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_16.gif" width="92" height="616" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="365" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_17.gif" width="35" height="251" alt="" /></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0yOTUzOTE5NA==">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Untitled-1_18.gif" width="101" height="159" border="0" alt="" /></a></td>
<td rowspan="2">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_19.gif" width="26" height="251" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="159" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_20.gif" width="101" height="92" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="92" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="309" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="92" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="35" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="35" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="6" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="37" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="58" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="26" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="26" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="104" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="72" height="1" alt="" /></td>
<td></td>
</tr>
</table>

</div>



like to meet
CODE
<div class="content" style="position:absolute;
margin-left:35%;
left:-20px;
top:500px;
width:400px;
height:300px; overflow: auto;">
i can't spell.
</div>
 
Tomates
post Aug 31 2008, 11:10 AM
Post #2


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



Would you mind if i put this coding on my Editing profile so i can try to center it on myspace?
I promis i wont steal it
 
creole
post Aug 31 2008, 11:12 AM
Post #3


Senior Member
*******

Group: Staff Alumni
Posts: 4,665
Joined: Aug 2008
Member No: 676,364



QUOTE(sebz @ Aug 31 2008, 08:07 AM) *
title is self explanatory,


What is self explanatory?
Please be more specific.
 
Tomates
post Aug 31 2008, 11:16 AM
Post #4


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



^the profile isnt center on IE

Did you get the slices of your pictures by using photoshop?
 
sebz
post Aug 31 2008, 11:17 AM
Post #5


is a greek demi-god.
**

Group: Member
Posts: 16
Joined: Aug 2008
Member No: 681,841



yes, all done on photoshop.
and yes you can put it on your profile, thats fine.

and the title means that the profile won't centre on IE because IE is gay and i don't know how to fix it.
 
Tomates
post Aug 31 2008, 11:22 AM
Post #6


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



hmm. Well i know i use to do the photoshop coding but then i just re-did my coding becuase i found that the coding from photoshop became frusterating and confusing.
Though i did get mine to work but i had to add another program into it which was mimg (meracl)
 
creole
post Aug 31 2008, 11:24 AM
Post #7


Senior Member
*******

Group: Staff Alumni
Posts: 4,665
Joined: Aug 2008
Member No: 676,364



QUOTE(sebz @ Aug 31 2008, 08:17 AM) *
yes, all done on photoshop.
and yes you can put it on your profile, thats fine.

and the title means that the profile won't centre on IE because IE is gay and i don't know how to fix it.



Mkay, sorry.
The links are sliced when I hover it...
Just wait till Tomatoes finds a way! :]
 
Tomates
post Aug 31 2008, 11:27 AM
Post #8


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



hmm. This is a little baffling.

Try adding this and play around with the numbers
CODE
<div class="bg" style="position: absolute; left:255px; top:140px; width:473px; height:600px; overflow: hidden; background-color:;">


 
sebz
post Aug 31 2008, 11:28 AM
Post #9


is a greek demi-god.
**

Group: Member
Posts: 16
Joined: Aug 2008
Member No: 681,841



QUOTE(Tomates @ Aug 31 2008, 05:22 PM) *
hmm. Well i know i use to do the photoshop coding but then i just re-did my coding becuase i found that the coding from photoshop became frusterating and confusing.
Though i did get mine to work but i had to add another program into it which was mimg (meracl)



well no, i did the slice coding in photoshop.

the div code is based around the sticky thread of this very forum and the how to centre a div in myspace code from this website.

CODE
http://www.createblog.com/tutorials/tutorial.php?id=853

 
sebz
post Aug 31 2008, 11:28 AM
Post #10


is a greek demi-god.
**

Group: Member
Posts: 16
Joined: Aug 2008
Member No: 681,841



ok i'll try that code ^^

thanks for attempting to help by the way :)
 
Tomates
post Aug 31 2008, 11:31 AM
Post #11


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



wait they are teaching it that way?
I mean i will admit it was a good way to get started but to me there were a ton of complications that i had

Though yours seems to be working out fine...minus the fact that it wont center in IE.
 
sebz
post Aug 31 2008, 11:35 AM
Post #12


is a greek demi-god.
**

Group: Member
Posts: 16
Joined: Aug 2008
Member No: 681,841



yeah that way always tends to work fine for me.

the problem with the code you gave me is that it doesn't actualy center anything, it places it at what looks like the center to your own screen res, but at another it will not be the center.
 
Mickey
post Aug 31 2008, 01:34 PM
Post #13


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Replace your About Me codes with this:

CODE
<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:0px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>





<style>

body {
background-color: 7a614e;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:;
scrollbar-track-color: ;
scrollbar-shadow-color: ;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-darkshadow-color:;
scrollbar-3dlight-color:;}

table, tr, td {background-color: transparent; border: 0px; padding:0;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color: ; background-color: ; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: ; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: ; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:dbf3ef; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }

</style>









<div class="bg" style="position:absolute;
left:50%;
margin-left:-401px;
top:200px;
width:801px;
height:872px">

<table id="Table_01" width="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_01.gif" width="800" height="207" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="207" alt="" /></td>
</tr>
<tr>
<td colspan="9">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_02.gif" width="624" height="6" alt="" /></td>
<td rowspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlciZjaXJj
Wl0YWN0aW9uPXZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTI5NTM5MTk0">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Untitled-1_03.gif" width="104" height="29" border="0" alt="" /></a></td>
<td rowspan="8">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_04.gif" width="72" height="664" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="6" alt="" /></td>
</tr>
<tr>
<td colspan="6">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_05.gif" width="514" height="10" alt="" /></td>
<td colspan="2" rowspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9Mjk1MzkxOTQ=">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Untitled-1_06.gif" width="84" height="34" border="0" alt="" /></a></td>
<td rowspan="7">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_07.gif" width="26" height="658" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="10" alt="" /></td>
</tr>
<tr>
<td rowspan="6">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_08.gif" width="309" height="648" alt="" /></td>
<td rowspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0yOTUzOTE5NA==">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Untitled-1_09.gif" width="92" height="32" border="0" alt="View Pics" /></a></td>
<td rowspan="6">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_10.gif" width="35" height="648" alt="" /></td>
<td colspan="2" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yOTUzOTE5NA==">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Untitled-1_11.gif" width="41" height="24" border="0" alt="" /></a></td>
<td rowspan="4">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_12.gif" width="37" height="397" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="13" alt="" /></td>
</tr>
<tr>
<td rowspan="5">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_13.gif" width="104" height="635" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="11" alt="" /></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_14.gif" width="41" height="373" alt="" /></td>
<td colspan="2" rowspan="2">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_15.gif" width="84" height="373" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="8" alt="" /></td>
</tr>
<tr>
<td rowspan="3">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_16.gif" width="92" height="616" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="365" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_17.gif" width="35" height="251" alt="" /></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0yOTUzOTE5NA==">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Untitled-1_18.gif" width="101" height="159" border="0" alt="" /></a></td>
<td rowspan="2">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_19.gif" width="26" height="251" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="159" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/Birdy_20.gif" width="101" height="92" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="1" height="92" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="309" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="92" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="35" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="35" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="6" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="37" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="58" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="26" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="26" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="104" height="1" alt="" /></td>
<td>
<img src="http://i419.photobucket.com/albums/pp280/sebz__2609/spacer.gif" width="72" height="1" alt="" /></td>
<td></td>
</tr>
</table>

</div>

Replace your Who I'd Like To Meet codes with this:

CODE
<div class="content" style="position:absolute;
left:35%;
margin-left:-20px;
top:500px;
width:400px;
height:300px; overflow: auto;">
i can't spell.
</div>

The problem was that you mixed up the margin-left and left attributes. The left attribute should have the percentage. The margin-left attribute should have the pixels.
 
sebz
post Sep 2 2008, 11:17 AM
Post #14


is a greek demi-god.
**

Group: Member
Posts: 16
Joined: Aug 2008
Member No: 681,841



thanks, that fixed it, thanks a lot Anarchy :)
 
manny-the-dino
post Sep 2 2008, 12:34 PM
Post #15


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468



Topic Closed & Moved
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: