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, 06:10 PM
Post
#2
|
|
|
Newbie ![]() Group: Member Posts: 6 Joined: Jan 2008 Member No: 610,578 |
Heya, yeah it seems to work. But would you do me a huge favor and do whatever it was you did to the code I have now? Its a bit different. Made it a lot easier for me to understand and its perfect on firefox at least. Theres a few parts that don't work nicely in Internet Explorer that you seemed to fix.. You can see how it is now at www.myspace.com/fuzzykit . If you dont mind.. just edit the code. Ill post it below.
CODE <div style="position:relative; width:1055px; height:876px; margin:0 auto auto auto; margin-top:-300px;"> <span style="position:absolute;left: 108px; top: 0px"> <img src="http://img215.imageshack.us/img215/3586/19003aacopyjv4.png"> </span> <span style="position:absolute;left:358px;top:540px;width:538px;height:1400px;overflow:a to;background-image:url(http://img91.imageshack.us/img91/4822/30076766eg0.png); background-position:bottom right;background-repeat: no-repeat;"> <img src="http://img86.imageshack.us/img86/5182/eettttcf3.png" align="left" alt="displayPicture"> 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, Anything contemporary<br /> Dislikes: Being touched, Onions, School, Progmramming, My boss, Heather, Slow computers, The distance between me and my wolf, Drugs, Alcohol, Cigarettes, Homophobes <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>Tuesday, January 15th, 2008</p> <span style="position:absolute;left:15px;overflow:auto;padding-right:30px;"> <p>I am DONE with my job. Ok look, I have worked one day since the 23rd of December so far. Last week my boss told me to come in one day. When I got there, the shop was closed. So I called Nathan [My boss], and asked if I was working.. he told me no and that I would work the next day. Yeah, right.. I didnt work a day that week. So he tells me "I'll need you like all next week." Yeah, I see that 'like' in there, but it isn't an excuse. You'll see what I'm talking about.. keep reading. Ok so, monday comes, I ask him if I am working. I get a no, but come in tomorrow. So today is tuesday and I go in, and someone else is working. I clock in. Help them clean for about 10 minutes or so. Get ready for the business that we never actually get. Then I am sent home.. What the f**k? What happened to me working? I got a whole 15 minutes work. AWESOME! I do not work tomorrow though I should have been. I supposidly work thursday and friday but we'll see how that turns out. And sunday he wants me to come in so I can help him re-arrange the kitchen we never actually use and the storage so he can throw more shit back there we don't use because, WE DONT GET CUSTOMERS! I want to quit so bad.. so I think I will! :) I'm tired of the bullshit hours, tired of Nathan, not having any sort of real scedual.. just this "come in this day" crap, and my co-worker: Heather [see Dislikes]. She doesn't f**king do her job like she should. Whenever we have a tournament or a LAN, she sits outside on the phone with her disgusting f**king boyfriend or talks with him there, if he decides to come. She will not even get off the phone when she's with a customer. It's rude and I don't understand why Nathan doesnt stand up and say something seeing as how he doesn't have a problem standing up about anything else. Anyway, tomorrow when I go in to pick up my check from some random saturday I worked [which I got shit about by the way, he tried to tell me that I only worked like 1 hour or so] I'm going to let him know I'm planning on quitting and that I'll work through the week [excluding sunday.. I don't feel like helping re-arrange crap], then I'll be gone. Hay peoples! Help me find a job! Hehe, if you're someone near me and know somewhere that needs help and is a REAL job.. let me know. Places I will not work: Subway, McDonalds :b I'm trying to stay away from Brookshire Brothers seeing as how I have applied there several times and havent gotten a single call or anything back from there. Guess they're not interested. If anyone has connections with Pizza Shack, try to send in a good word for me, I'd LOVE to be a waiter there. Alright.. think I'm done ranting for today. Have a better night than I. See you all tomorrow.. <br /><br />PS: Now all you people that were asking why I hated my job: You now know. <br /><br /> With love, "A-Pissed-Off" Fuzzy. </p> </span> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <p>Monday, January 14th, 2008</p> <span style="position:absolute;left:15px;overflow:auto;padding-right:30px;"> <p>What an eventful, pos day.. Waking up once again without my mate there with me always takes a toll on my morning mood.. Anyway, wake up and have horrible time with my hair, almost get in a wreck on the way to school because the idiot behind me seems to have an attention problem. School.. First things first: Science. Woooo! A lab! Ha.. Of course I get in a group that horseplays and I end up doing the work myself, but whatever. Next period, "OH SHIT! I have a project due!", web mastery. Was pretty fun, seeing as how I never actually do anything in that class. Luckily, turned out our teacher decided to give us another day thanks to a fire-drill and this complete bullshit, bus evacuation. Why thank you new state law. :) Next, history! Yay for movie! Flyboys is a great movie. :b Lunch, no comment. Then the worst class of them all: Computer science. Ugh.. I cannot standing programming any more. I've decided I no longer wish to be a game programmer so I'm switching over to game design. Using an engine to create the world seems much more satisfactory to me.. Looks better than thousands of lines of code too :b So now I throw out my plans to move to Austin (Texas) and go to DeVry. Too bad too, going into programming school and having NCSoft basicly down the street would be very helpful. Austin isn't too far from home either.. Less traveling for me and my mate when I move from home to go to college. Hopefully things work out. I'm looking at new colleges now and thinking about either ITT Tech or maybe Westwood in Colorado, so if anyone has any information about either of those or knows any awesome game design schools please let me know.. Hope you all had a better day than I did and continue too! See ya tomorrow. <br /><br /> With love, Fuzzy. </p> </span> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <p>Sunday, January 13th, 2008</p> <span style="position:absolute;left:15px;overflow:auto;padding-right:30px;"> <p><br />Woo, after hours of slaving over horribly written html code, I've finally managed it make it center properly! [On Firefox at least.. If you use Internet Explorer, seriously consider switching over.] If you're a Internet Explorer user you may spot a few misplaced links & some bugs. I'm not going to even try to fix it unless it keeps you from being able to navigate my page. If that's the case, let me know and I will do my best. Anywho, now that that is out of the way, I can start actually using this! So keep an eye out; I'll try to post everyday. I'm looking for 'educated' friends that like to chat and don't mind speaking out about what I post from day to day. Everyone, feel free to make constructive comments; I will respond to as many, as quickly as I can. Feel free to drop a hello everyone and awhile too, everyone gets lonley. :) I'll try to be here as much as I can for anyone that needs help. Just give me a message and I'd love to help as much as I can. Everyone has those days that you just need someone to talk to, and I would more than love to be that someone. Anything said will be kept bewtween us :) Alrighty guys, hope y'all have a great night and sweet dreams, I'm off to bed. Goodnight! <br /><br /> With love, Fuzzy. </p> </span> </span> <span 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:#FFFFFF;" 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> </span> <span 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> </span> </div> <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; } 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; } table tr td div div { visibility:hidden; display:none; border:0px!important; background-color:transparent; } .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; } p { align=justify } BODY{ cursor: url(http://www.freewebs.com/killinginthename-/tinyarrow.cur); } li{list-style-image:url(http://www.burningviolet.com/cross2.gif);} 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;} table td div {visibility:hidden;} table table td div {visibility:visible;} tr {background:transparent;} table tr td div font {display: none;} A:hover {text-decoration: none;} .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> If you don't want to just lemmie know, it's fine :) Thank you though! :) |
|
|
|
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
Fawaz I had to alter your code a little to get it to be ... Jan 15 2008, 07:05 AM
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![]() ![]() |