Log In · Register

 
Centering Enite Div Profile
Yikara
post Jan 13 2008, 05:45 PM
Post #1


Newbie
*

Group: Member
Posts: 6
Joined: Jan 2008
Member No: 610,578



Hey guys. Ok, now before I get anyone giving me links to different sites giving codes to center my profile, ive tried them. They seem to not work with myspace pages like mine, which you can view at www.myspace.com/fuzzykit . Now, as the topic title states, I want everything to be in the middle of the page for any resolution.. looks like the guy who made it just made it work for him. My content and such is aligned properly it just needs to be.. scooted over to the middle, if you know what i mean. Like on my monitor , 1680x1050 resolution, its to the left. I'll post the code from the layout i downloaded.. with a few of the things i added on below :b ..


CODE
<span style="position: absolute; left: 108; top: 0"><img src="http://img215.imageshack.us/img215/3586/19003aacopyjv4.png"></span>

<style type="text/css">
.header {
display: block;
visibility: visible;
font-family: "century gothic"
color:cccccc;
text-align:left;
font-size: 10px;
letter-spacing:-1px;
text-transform: normal;
line-height:17px;
font-weight: normal;
padding-top:5px;
width:330px;
border-bottom: 1px dashed;
border-bottom-color:363636;
}
</style>

<STYLE TYPE="text/css">
p {
align=justify
}

BODY{
cursor: url(http://www.freewebs.com/killinginthename-/tinyarrow.cur);
}
</STYLE>


<div style="position:absolute;left:358px;top:540px;width:500px;overflow:auto;">

<img src="http://img86.imageshack.us/img86/5182/eettttcf3.png" align="left" alt="displayPicture">

<span style="">
Name: Fuzzykit<br />
Species: Fox<br />
Interests: Furries, Gaming, Music, Design<br />
Relationship: Happily engaged to a very loving wolf<br />
Likes: Ham, Fun, Sexytime, FOXES!, Furs, Tails, Snuggles, Plushies, MMORPG's, Sci-fi,Fantasy, Movies, Sunsets, Oceans, Exploring, Being engaged, Contemporary anything<br />
Dislikes: Being touched, Onions, School, Progmramming, My boss, Heather, Slow computers, The distance between me and my wolf, Drugs, Alcohol, Cigarettes
</span>
<br /><br />

<img src="http://img84.imageshack.us/img84/4141/journalxj6.png" align="left" alt="journal">

<img src="http://img230.imageshack.us/img230/1029/dashsj6.png" align="center" alt="breaker">

<p>Sunday, January 13th, 2008</p>

<p> Please bare with me while I try to get this thing to center for all monitor resolutions..
<br /> Thanks, Fuzzy.</p>

</div>

<div style="position:absolute;left:123px;top:770px;width:200px;overflow:auto;">

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="314994341" type="hidden"><textarea name="f_comments" style="width: 155; height: 15px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: 151515;"
style="overflow:auto;">Comment me :)</textarea>
<br> <input value="Submit" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text- transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> </form>

</div>

<div style="position:absolute;left:123px;top:580px;width:200px;overflow:auto;">

<li><A HREF="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</A></li><br>

<li><A HREF="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTMxNDk5NDM0MSZNeVRva2VuPWEyNjE1
TVlLWRiMDQtNGI4OS05NmU2LTk5NTAzMTI3MjcxMA==">Friends</A></li><br >

<li><A HREF="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9MzE0OTk0MzQx">Message</A></li><br>

<li><A HREF="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zMTQ5OTQzNDE=">Add</A></li><br>

<li><A HREF="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0zMTQ5OTQzNDE=">Pics</A></li>

</div>

<style type="text/css">

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


<style type="text/css">

.layout {
Background Properties
}

table, tr, td {
background-color:151515; border:none; border-width:0;
}

body {
background-color:ffffff;
}

.mygen {
Text Properties
}

table, tr, td, li, p, div {
font-family:kartika;
color:000000;
font-size:10pt;
font-weight:normal;
padding-bottom:-2px;
}

a:active, a:visited, a:link {
font-family:Small Fonts!important;
font-size:9px!important;
text-transform:none!important;
font-weight:normal!important;
color:000000;
text-decoration:none!important;
text-align:left;
width:156px;
background-color:ffffff;
}

a:hover {
font-family:Small Fonts!important;
font-size:9px!important;
text-transform:none!important;
font-weight:normal!important;
color:000000;
text-decoration:none!important;
text-align:left;
width:156px;
background-color:ffffff;
border-bottom:1px dashed black;
}
</style>

<style type="text/css">
A:hover {text-decoration: none;}
</style>

<style type=text/css>
table tr td div font {display: none;}
</style>

<style>
table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>

<style type=text/css>
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
</style>

<style type="text/css">
body {
background-image: url("http://cbimg6.com/layouts/07/07/02/19003ac.png");
background-attachment:fixed;
background-position:center;
background-color:151515;
background-repeat:repeat-y;
}
</style>

<style type="text/css">
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form img{display:none!important;}
</style>

<style>
li{list-style-image:url(http://www.burningviolet.com/cross2.gif);}
</style>




and heres a screenshot of the layout on my monitor.. you can see where it should be as there is a large white space and the myspace links (the white boxes )




Feel free to take the code and change it to have it center..
 
 
Start new topic
Replies
Insurmountable
post Jan 16 2008, 01:39 AM
Post #2


Cornflakes :D
*******

Group: Staff Alumni
Posts: 4,541
Joined: Dec 2005
Member No: 322,923



Topic closed, if you need this re-opened feel free to PM me.

After a day or two your topic will be moved to the Myspace Resolved Topics _smile.gif
 

Posts in this topic


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