Centering Enite Div Profile |
Centering Enite Div Profile |
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.. |
|
|
|
![]() |
Jan 15 2008, 07:05 AM
Post
#2
|
|
![]() Offline. ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 609 Joined: Mar 2007 Member No: 507,591 |
I had to alter your code a little to get it to be centered.
CODE <span style="position: absolute; left:50%; margin-left:-394px; 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:50%; margin-left:-150px;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:50%; margin-left:-380px;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:50%; margin-left:-380px;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> Tell me if it works. |
|
|
|
Yikara Centering Enite Div Profile Jan 13 2008, 05:45 PM
S-Majere And I see something different with my resolution t... Jan 14 2008, 02:40 PM
Yikara Oki thanks.. and yeah.. it was coded horribly.. I ... Jan 14 2008, 06:08 PM
S-Majere Try using position RELATIVE instead of ABSOLUTE. Jan 14 2008, 06:13 PM
Yikara I have tried it. It doesn't work at all. I hav... Jan 14 2008, 06:42 PM
S-Majere Aye. As I've said, you may want to get in cont... Jan 14 2008, 06:47 PM
Yikara I guess ill give that a whirl if the guy ever resp... Jan 14 2008, 10:08 PM
Yikara Heya, yeah it seems to work. But would you do me a... Jan 15 2008, 06:10 PM
Fawaz ^ The code that you post above is all mest up. so... Jan 15 2008, 07:09 PM
Yikara Ahh that works great :) Ty Jan 15 2008, 10:16 PM
Insurmountable Topic closed, if you need this re-opened feel free... Jan 16 2008, 01:39 AM![]() ![]() |