It's been asked 100 times i know.. Options

[Saikou]

so i want to get this C'here centered in all resolutions.
I know there's some mystical code floating around to get this done


my code [sorry it's pretty messy]

CODE

<style>

table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-image: url("http://cbimg9.com/layouts/08/06/27997aa.png");
background-attachment:fixed;
background-repeat: repeat;
background-position:bottom left;
background-color:ffffff;}
table, td, p, span, li, strong, div{font-family:Tahoma; font-size: 10px; color: 00000; font-weight: none; text-decoration: none; letter-spacing: 1px; text-transform: none; padding: 0px; line-height: 15px; background-color: transparent; border: 0px solid;}
}


li {
color:000000;
line-height:13px;
font-family:georgia;
letter-spacing:0px;
text-align:justify;
}
b{
color:f1e2e8;
font-size:9pt;
cursor:default;
line-height:13px;
letter-spacing:-1px;
font-family:Georgia;
text-transform:lowercase;
}
s{
color:CC0033;
font-size:9pt;
cursor:default;
line-height:10px;
letter-spacing:-1px;
font-family:arial;
text-transform:none;
background-color:;
line-height:14px;
}
i{
color:DFE12C;
font-size:10pt;
cursor:default;
line-height:10px;
letter-spacing:0px;
font-family:times;
text-transform:none;
}
u{
color:99FF33;
font-size:12px;
cursor:default;
line-height:10px;
letter-spacing:0px;
font-family:georgia;
text-transform:none;}

}



</style>

<style>
table table br {line-height:2px}{!- undo above effect within main content tables -!}table table table br {line-height:10px;}
.Hide Orange Bars and Text{rr}
td.text table {width:100%;}
.friendsComments td table, .friendsComments td.text table, .friendSpace table, .blurbs, .blurbs td.text {background-color:transparent; border:0px;}
.orangetext15{display:none;visibility:hidden;}

.friendSpace { display:none; }
.friendsComments { display:none; }
.contactTable { display: none; }
.userProfileURL { display:none; }
.userProfiledetail { display:none; }
.latestBlogEntry { display:none; }
.orangetext15{display:none;visibility:hidden;}
.extendedNetwork { display:none; }
.interestsAndDetails { display:none; }
</style>
<style>
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}
tr {background-color:transparent}
table.profileinfo tr td {display:none;}

</style>
<style>div div div select {position:absolute !important; margin-left:-1000px !important; left:0px !important; display:none !important; }</style>

</style>


<style>
.dozo{position:absolute;left:156px;top:900px;width:176px;border:0px;
background-color:transparent;z-index:4;text-align:justify;}
</style>


<style>
.rainbow{position:absolute;left:756px;top:180px;width:176px;border:0px;
background-color:transparent;z-index:4;text-align:justify;}
</style>

<style>
.kyo{position:absolute;left:533px;top:870px;width:240px;height:165px;border:0px;
background-color:transparent;z-index:4;overflow:hidden!important;text-align:center;}
</style>

<style>
.homey {
position: absolute;
z-index:4;
height:95px;
width:97px;
left:265;
top:400;
}

.home {
display: block;
overflow:hidden;
height:95px;
width:97px;
background-COLOR:transparent;
background: url('http://i124.photobucket.com/albums/p20/jesusowesmefivebucks/red-3.png');
background-position:top left;
background-repeat: no-repeat;
}

.home:hover {
background-position: bottom left;
border:none;
background-color:transparent;

)
</style>

<style>

.CRED{display:block;width:63px;height:66px;
background-image:url("http://i124.photobucket.com/albums/p20/jesusowesmefivebucks/jjj.png"); background-repeat:no-repeat;}

.CRED:hover {display:block;width:63px;height:66px; background-image:url("http://i124.photobucket.com/albums/p20/jesusowesmefivebucks/tear.png"); background-repeat:no-repeat;}

.WHAT{display:block;width:183px;height:85px;
background-image:url("http://i124.photobucket.com/albums/p20/jesusowesmefivebucks/sub.png"); background-repeat:no-repeat;}

.WHAT:hover {display:block;width:183px;height:85px; background-image:url("http://i124.photobucket.com/albums/p20/jesusowesmefivebucks/love-2.png"); background-repeat:no-repeat;}



.ARROW:hover {display:block;width:183px;height:85px; background-image:url("http://i124.photobucket.com/albums/p20/jesusowesmefivebucks/bomm.png"); background-repeat:no-repeat;}

.ARROW{display:block;width:183px;height:85px;
background-image:url("http://i124.photobucket.com/albums/p20/jesusowesmefivebucks/arrow.png"); background-repeat:no-repeat;}
</style>

<div class="map" style="position: absolute; left:150px; top:173px; width:668px; height:954px; overflow: none;">

<img src="http://i124.photobucket.com/albums/p20/jesusowesmefivebucks/sun-1.png" />
</div>
<style>
a:link, a:active {
color:9F9EA2;
font:normal 12px arial;
text-transform: none;
text-decoration:none;
font-weight:normal;
border-bottom: none;
}
a:visited {
color: 996699;
font:normal 12px arial;
text-transform: none;
text-decoration:none;
}
a:hover {
color:FF3366;
font-weight: normal;
border-bottom: none;
text-transform:none;
text-decoration:none;}
</style>

<style>
.nav, .nav a, .nav a:link, .nav a:visited {
color:E00080;
background-color:A00080;
font:bold 12px Tahoma;
text-transform: capitalize;
text-decoration:none;
}

.nav a:hover {
color:FFFFFF;}

.nav b, .nav strong {
text-transform:uppercase;}

</style>

CODE

<div class="homey">
<a href="xxxxx" class="home"></a></div>
<div class="dozo">
<img src="http://i200.photobucket.com/albums/aa69/Shibuyan/Kanjani8/poutysubaru.gif" />
</div>
<div class="rainbow">
<img src="http://i446.photobucket.com/albums/qq186/AnimsNSmilies/Animals/Rainbow_Bridge.gif" />
</div>



<div class="blurbb" style="position: absolute; left:240px; top:532px; width:558px; height:180px; overflow: auto;">


<span class="nav">

<center>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="nav">home</a>
|
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFg=" class="nav">add</a>
|
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD1YWFhYWFhY" class="nav">message</a>
|
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD1YWFhYWFhY" class="nav">pictures</a>
|
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD1YWFhYWFhYWFgmTXlUb2tlbj00MjRh
mM4Mi0yYzlmLTQ1M2MtOWQxZS1kNDdhNTg2ODExOTQ=" class="nav">comments</a>
|
<a href="http://www.msplinks.com/MDFodHRwOi8vU2Fpa291LmNyZWF0ZWJsb2cuY29tLw==" class="nav">saikou</a>
<br />
</center>
</span>
<br />
<br />
</div>


<div style="position:absolute; top:340px; left:336px;">
<a href="http://www.myspace.com/catchyurlhere" class="CRED"></a></div>
<div style="position:absolute; top:280px; left:476px;">
<a href="http://www.myspace.com/catchyurlhere" class="WHAT"></a></div>
<div style="position:absolute; top:830px; left:176px;">
<a href="http://www.myspace.com/catchyurlhere" class="ARROW"></a></div>


<div class="kyo">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="190" width="240" data="http://www.youtube.com/v/sKVCIt5JKq8&hl=en&fs=1">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/sKVCIt5JKq8&hl=en&fs=1" />
<param name="wmode" value="transparent" />
</object></div>




<div class="blurb" style="position: absolute; left:240px; top:665px; width:558px; height:180px; overflow: auto;">
<a href="http://www.msplinks.com/MDFodHRwOi8vczQ0LnBob3RvYnVja2V0LmNvbS9hbGJ1bXMvZjkvVmFuaWxsYTEwNS9LYXdhaWkvP2Fj
Glvbj12aWV3JmN1cnJlbnQ9dGg0eG5leWwzLmdpZg==" target="_blank"><img src="http://i44.photobucket.com/albums/f9/Vanilla105/Kawaii/th4xneyl3.gif" border="0" alt="Aaaahhhh!" /></a>
Ay ay b-boys and girls listen up G.D is back
Lean in your ears
The world wants change and I’m the leader of the future
The lead in a popular drama
The MC who’s holding the mic. I submerge my body for the beat<a href="http://www.msplinks.com/MDFodHRwOi8vcGhvdG9idWNrZXQuY29tL2ltYWdlcy9rYXdhaWklMjBnaWY=" target="_blank"><img src="http://i215.photobucket.com/albums/cc219/KaylaAnime/Kawaii%20Borders%20-%20GIF/ACake.gif" border="0" alt="Cake GIF Pictures, Images and Photos" /></a>
This 20 year old El Nino steals your heart
Figaro figaro drink this toast (today’s special day yo)
A guy like me is a madman, a perfect ideologist
That’s your charm? Is that why you’re so attractive?
Those overlooked actions make bad influences?
(Hey in my dictionary there’s no such thing as failure)
From Rap to the song and dancing even beatbox, fashion, styling
Big Bang leader doesn’t it call well
Living in luxury is my pleasure so what you wanna do
Ay ay b-boys and girls listen up G.D is back
Lean in your ears
The world wants change and I’m the leader of the future
The lead in a popular drama
The MC who’s holding the mic. I submerge my body for the beat
This 20 year old El Nino steals your heart
Figaro figaro drink this toast (today’s special day yo)
A guy like me is a madman, a perfect ideologist
That’s your charm? Is that why you’re so attractive?
Those overlooked actions make bad influences?
(Hey in my dictionary there’s no such thing as failure)
This 20 year old El Nino steals your heart
Figaro figaro drink this toast (today’s special day yo)
A guy like me is a madman, a perfect ideologist
That’s your charm? Is that why you’re so attractive?
Those overlooked actions make bad influences?
(Hey in my dictionary there’s no such thing as failure)
</div>


<div class="blurb2" style="position: absolute; left:250px; top:890px; width:248px; height:100px; overflow: auto;">
<a href="http://www.msplinks.com/MDFodHRwOi8vczQ0LnBob3RvYnVja2V0LmNvbS9hbGJ1bXMvZjkvVmFuaWxsYTEwNS9LYXdhaWkvP2Fj
Glvbj12aWV3JmN1cnJlbnQ9dGhNaW5pUm9sbC5naWY=" target="_blank"><img src="http://i44.photobucket.com/albums/f9/Vanilla105/Kawaii/thMiniRoll.gif" border="0" alt="mini roll" /></a>
Though you act cold, I want to know your true feelings
Enough of your joking talk
Are you ready? Unready?


Whenever we exchange words, you always leave out the essential answer
My incalculable love for you shakes my heart

This story begins with a sign from you
Shake off the unimportant things now
Let's feel each other; you're the only one for me
So believe in this love

A funky power emanates from my body
Energy speeding up and running through
I'll give you all this love
I'll illuminate this love

The closer I get to you, the less straightforward I can be
I can't help it, but it's so frustrating

Rather than wish fleetingly for eternity, I've got to tell you my feelings now
The thrill I felt in my heart then and there

This merry-go-round revolves with a sign from me
I won't let this end with an incomplete love
Let's run; there's nothing to fear
Feeling this love together

I'll tell you with a set phrase
Just like that one scene I saw in a movie
The future is shining hotly
Just for us

This story begins with a sign from you
Shake off the unimportant things now
Let's feel each other; you're the only one for me
So believe in this love

This merry-go-round revolves with a sign from me
I won't let this end with an incomplete love
Let's run; there's nothing to fear
Feeling this love together
<a href="http://www.msplinks.com/MDFodHRwOi8vcGhvdG9idWNrZXQuY29tL2ltYWdlcy9rYXdhaWklMjBnaWY=" target="_blank"><img src="http://i538.photobucket.com/albums/ff350/NyOX3Mo/Kawaii%20icon/thrabi25.gif" border="0" alt="gif Pictures, Images and Photos" /></a>
</div>

[Mickey]

You'd have to re-position all your DIVs using the left:50% method. For your first set of codes, look for this:

CODE

<style>
.dozo{position:absolute;left:156px;top:900px;width:176px;border:0px;
background-color:transparent;z-index:4;text-align:justify;}
</style>


<style>
.rainbow{position:absolute;left:756px;top:180px;width:176px;border:0px;
background-color:transparent;z-index:4;text-align:justify;}
</style>

<style>
.kyo{position:absolute;left:533px;top:870px;width:240px;height:165px;border:0px;
background-color:transparent;z-index:4;overflow:hidden!important;text-align:center;}
</style>

<style>
.homey {
position: absolute;
z-index:4;
height:95px;
width:97px;
left:265;
top:400;
}

Then for the second set of codes, look for these:

CODE

<div class="blurbb" style="position: absolute; left:240px; top:532px; width:558px; height:180px; overflow: auto;">

----------------------------------------------------------------------------------------

<div style="position:absolute; top:340px; left:336px;">
<a href="http://www.myspace.com/catchyurlhere" class="CRED"></a></div>
<div style="position:absolute; top:280px; left:476px;">
<a href="http://www.myspace.com/catchyurlhere" class="WHAT"></a></div>
<div style="position:absolute; top:830px; left:176px;">
<a href="http://www.myspace.com/catchyurlhere" class="ARROW"></a></div>

----------------------------------------------------------------------------------------

<div class="blurb" style="position: absolute; left:240px; top:665px; width:558px; height:180px; overflow: auto;">

----------------------------------------------------------------------------------------

<div class="blurb2" style="position: absolute; left:250px; top:890px; width:248px; height:100px; overflow: auto;">

In all of those codes, look for this:

CODE

left:#px;

The pound symbol represents the amount of pixels you have for every left attribute. Replace each one of those with this:

CODE

left:50%; margin-left:#px;

Changing the left attribute to 50% puts everything in the middle, but it doesn't exactly center everything. That's where the margin-left attribute comes in. When you put that for each individual DIV or class, replace the pound symbol with however much you need in terms of pixels to position your DIV/class correctly and in the right place. Positive numbers move them to the right, while negative numbers (with the minus symbol) move them to the left. Hopefully that makes sense.