Centering A DIV, Can't seem to find solution Options

[visionzstyle]

CODE

<style>body{background-color:000000;}</style>

<style>embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style>


<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:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height: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>

<div class="blog"> <img src="http://img45.imageshack.us/img45/1535/221kw9.jpg" border="0" usemap="#Map" />
<map name="Map">
<area shape="rect" coords="27,599,205,624" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15
G9rZW49NDEyYzAzZWEtNzI5NS00NzdmLWExMWQtNWE3MjUzYWE2NjEx" />
<area shape="rect" coords="28,640,200,666" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMTE2MDM3NTQmTXlUb2tlbj03YjcyYTNhNS0wMGFiLTQ0ZGUtYjBmMy01ZDczN
ViMTBiNjY=" />
<area shape="rect" coords="32,684,198,709" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MTk1NDE2MzM=" />
<area shape="rect" coords="8,804,270,831" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15
G9rZW49N2FmMzZiYzctMjUzYS00OTdhLTkxODAtODdhMzgwMWQxMDcx" /><area shape="rect" coords="8,847,237,877" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTU0MTYzMyZNeXRva2VuPUU2MERDOTI0LTY1OTYtNDRFMy1COTQ1OTdCODRGN
ZFQjRCNDYyOTA0Njc=" />
<area shape="rect" coords="31,555,127,584" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49" />

<input name="friendID" value="19541633" type="hidden" />
</map>
</div>

click to enlarge

Code above, picture below it.
Problem is I can't get the div layout to be centered, its off to the right and theres a blinking white line as if theres text where the small red arrow is pointing and I think thats the problem.

Thanks in advanced.

Reason for edit: thumb images, please. :) -nat

[waccoon]

In your CSS, add:

#blog {width: 612px; margin: 0 auto}
body {text-align:center}

[visionzstyle]

In your CSS, add:

#blog {width: 612px; margin: 0 auto}
body {text-align:center}

didn't quite catch that
where do I put that code?

[waccoon]

In between your <style> tags.. which I notice are kind of weird. Change it to <style type="text/css">.

[visionzstyle]

In between your <style> tags.. which I notice are kind of weird. Change it to <style type="text/css">.

mind if you change it up for me and gieb me code?
kinda lost my man..

[allvanishing]

Try it this way. Replace the code with this:

CODE

<style>
body{background-color:000000;}

.blog {left:50%; margin-left:-306px; position:absolute;}

embed, object {width:0px; height:0px;}
table table table embed, table table table object {width:320px; height:240px;}

.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:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table, .userProfileURL{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>

<div class="blog"> <img src="http://img45.imageshack.us/img45/1535/221kw9.jpg" border="0" usemap="#Map" />
<map name="Map">
<area shape="rect" coords="27,599,205,624" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15
G9rZW49NDEyYzAzZWEtNzI5NS00NzdmLWExMWQtNWE3MjUzYWE2NjEx" />
<area shape="rect" coords="28,640,200,666" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMTE2MDM3NTQmTXlUb2tlbj03YjcyYTNhNS0wMGFiLTQ0ZGUtYjBmMy01ZDczN
ViMTBiNjY=" />
<area shape="rect" coords="32,684,198,709" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MTk1NDE2MzM=" />
<area shape="rect" coords="8,804,270,831" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15
G9rZW49N2FmMzZiYzctMjUzYS00OTdhLTkxODAtODdhMzgwMWQxMDcx" /><area shape="rect" coords="8,847,237,877" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTU0MTYzMyZNeXRva2VuPUU2MERDOTI0LTY1OTYtNDRFMy1COTQ1OTdCODRGN
ZFQjRCNDYyOTA0Njc=" />
<area shape="rect" coords="31,555,127,584" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49" />

<input name="friendID" value="19541633" type="hidden" />
</map>
</div>

[visionzstyle]

Try it this way. Replace the code with this:

CODE

<style>
body{background-color:000000;}

.blog {left:50%; margin-left:-306px; position:absolute;}

embed, object {width:0px; height:0px;}
table table table embed, table table table object {width:320px; height:240px;}

.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:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table, .userProfileURL{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>

<div class="blog"> <img src="http://img45.imageshack.us/img45/1535/221kw9.jpg" border="0" usemap="#Map" />
<map name="Map">
<area shape="rect" coords="27,599,205,624" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15
G9rZW49NDEyYzAzZWEtNzI5NS00NzdmLWExMWQtNWE3MjUzYWE2NjEx" />
<area shape="rect" coords="28,640,200,666" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMTE2MDM3NTQmTXlUb2tlbj03YjcyYTNhNS0wMGFiLTQ0ZGUtYjBmMy01ZDczN
ViMTBiNjY=" />
<area shape="rect" coords="32,684,198,709" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MTk1NDE2MzM=" />
<area shape="rect" coords="8,804,270,831" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15
G9rZW49N2FmMzZiYzctMjUzYS00OTdhLTkxODAtODdhMzgwMWQxMDcx" /><area shape="rect" coords="8,847,237,877" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTU0MTYzMyZNeXRva2VuPUU2MERDOTI0LTY1OTYtNDRFMy1COTQ1OTdCODRGN
ZFQjRCNDYyOTA0Njc=" />
<area shape="rect" coords="31,555,127,584" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49" />

<input name="friendID" value="19541633" type="hidden" />
</map>
</div>

thanks a bunch
one concern though, how do I take out the navigation (home,mail etc..) and also make the div go up a bit?
once again, thanks for taking the time to recode, and hopefully answer this question !

[allvanishing]

Don't worry. It only takes about a minute. Now replace the code with this:

CODE

<style>
body{background-color:000000;}

.blog {left:50%; margin-left:-306px; position:absolute; padding-bottom:50px; top:130px;}

embed, object {width:0px; height:0px;}
table table table embed, table table table object {width:320px; height:240px;}

div table td font { display: none }
div div table tr td a.navbar, div div table tr td font { display: none }
div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}

.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:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table, .userProfileURL{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>

<div class="blog"> <img src="http://img45.imageshack.us/img45/1535/221kw9.jpg" border="0" usemap="#Map" />
<map name="Map">
<area shape="rect" coords="27,599,205,624" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15
G9rZW49NDEyYzAzZWEtNzI5NS00NzdmLWExMWQtNWE3MjUzYWE2NjEx" />
<area shape="rect" coords="28,640,200,666" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMTE2MDM3NTQmTXlUb2tlbj03YjcyYTNhNS0wMGFiLTQ0ZGUtYjBmMy01ZDczN
ViMTBiNjY=" />
<area shape="rect" coords="32,684,198,709" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MTk1NDE2MzM=" />
<area shape="rect" coords="8,804,270,831" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15
G9rZW49N2FmMzZiYzctMjUzYS00OTdhLTkxODAtODdhMzgwMWQxMDcx" /><area shape="rect" coords="8,847,237,877" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTU0MTYzMyZNeXRva2VuPUU2MERDOTI0LTY1OTYtNDRFMy1COTQ1OTdCODRGN
ZFQjRCNDYyOTA0Njc=" />
<area shape="rect" coords="31,555,127,584" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49" />

<input name="friendID" value="19541633" type="hidden" />
</map>
</div>

[visionzstyle]

Don't worry. It only takes about a minute. Now replace the code with this:

CODE

<style>
body{background-color:000000;}

.blog {left:50%; margin-left:-306px; position:absolute; padding-bottom:50px; top:130px;}

embed, object {width:0px; height:0px;}
table table table embed, table table table object {width:320px; height:240px;}

div table td font { display: none }
div div table tr td a.navbar, div div table tr td font { display: none }
div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}

.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:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table, .userProfileURL{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>

<div class="blog"> <img src="http://img45.imageshack.us/img45/1535/221kw9.jpg" border="0" usemap="#Map" />
<map name="Map">
<area shape="rect" coords="27,599,205,624" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15
G9rZW49NDEyYzAzZWEtNzI5NS00NzdmLWExMWQtNWE3MjUzYWE2NjEx" />
<area shape="rect" coords="28,640,200,666" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMTE2MDM3NTQmTXlUb2tlbj03YjcyYTNhNS0wMGFiLTQ0ZGUtYjBmMy01ZDczN
ViMTBiNjY=" />
<area shape="rect" coords="32,684,198,709" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MTk1NDE2MzM=" />
<area shape="rect" coords="8,804,270,831" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15
G9rZW49N2FmMzZiYzctMjUzYS00OTdhLTkxODAtODdhMzgwMWQxMDcx" /><area shape="rect" coords="8,847,237,877" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTU0MTYzMyZNeXRva2VuPUU2MERDOTI0LTY1OTYtNDRFMy1COTQ1OTdCODRGN
ZFQjRCNDYyOTA0Njc=" />
<area shape="rect" coords="31,555,127,584" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49" />

<input name="friendID" value="19541633" type="hidden" />
</map>
</div>

i read your profile.. YOUR 14?!
genius
take care, alls perfect now thanks to both of you

[manny-the-dino]

Topic Closed & Moved