Log In · Register

 
centering a myspace div layout
wok
post Jul 29 2008, 02:23 PM
Post #1


Newbie
*

Group: Member
Posts: 3
Joined: Jun 2007
Member No: 537,947



Hey guys, this topic is about myhappyending's Tokyo layout. Note that I did PM him first, and he responded saying that he was on vacation and didn't really have time to help. I don't know what else to do other than post on the forum, so sorry if I'm breaking forum rules.

Anyway, the layout is aligned left by default. A lot of layouts are like this, and I've generally been able to fix them by inserting <center> tags or through some other basic method, but I've spent hours trying everything I can think of, including joespace's tutorial and searching online, and I've come up with nothing that works. It's driving me crazy. This is partially because my CSS knowledge is pretty limited. Does anyone know how I can center align the entire layout, specifically in Firefox and IE? Thanks in advance.
 
 
Start new topic
Replies
allvanishing
post Jul 29 2008, 03:00 PM
Post #2


simple and clean...
****

Group: Official Designer
Posts: 149
Joined: Nov 2006
Member No: 478,009



Why is everyone so lazy? wink.gif
Anyway, try this, only replace the about me box:

CODE
<p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg9.com/layouts/08/07/29015aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
body table {margin-top:-50000px;}
body td table, body div table {margin-top: -0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
div div table div {display:none;} .clearfix table div div {display:block;}
.profile, div ul {display:none !important; }
.navigationbar {display:none;}
.a {hide top search and shortcuts bar}
div table div form {display:none !important}
.bodyContent div td div div select {margin-top:-1000px;}
.bodyContent div div select {width:0px !important;}
.bodyContent table table div form {display:inline !important;}
body { background-color:000000; background-image:url(); cursor:crosshair; a:hover { cursor:crosshair;} background-repeat:repeat; background-attachment:scroll; background-position:top left; }
.nava:link, .nava:active, .nava:visited {font-family:small fonts; color:FFFFFF; font-size:7px; line-height:10px; font-weight:normal; display:block; text-transform:uppercase; text-align:center; height:7px;}
.nava:hover {color:000000; background-color:white; text-decoration:none; cursor:crosshair; letter-spacing:6px; border:0px solid black; text-align:center;}
h1 {font-family:courier new; background-color:white; color: black; font-size:12px; letter-spacing:-1px; font-weight:normal; text-transform:lowercase;}
.about { background-color:transparent; border:0px solid; border-color:000000; width:299px; height:310px; position:absolute; overflow:auto; top:126px; margin-left: 92px; left:50%; font-family:arial; color:white; font-size:11px; line-height:11px; text-decoration:none; font-weight:normal; letter-spacing:; scrollbar-face-color:black; scrollbar-arrow-color:white; scrollbar-track-color:black; scrollbar-shadow-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:black; scrollbar-darkshadow-color:black; filter:chroma(color=647A19); text-align:left;}
.content2 { background-color:transparent; border:0px solid; border-color:000000; width:299px; height:185px; position:absolute; overflow:auto; top:445px; left:50%; margin-left: 92px; font-family:arial; color:white; font-size:11px; line-height:11px; text-decoration:none; font-weight:normal; letter-spacing:; scrollbar-face-color:white; scrollbar-arrow-color:black; scrollbar-face-color:black; scrollbar-arrow-color:white; scrollbar-track-color:black; scrollbar-shadow-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:black; scrollbar-darkshadow-color:black; filter:chroma(color=647A19); text-align:left;}
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
.image {height:562px; width:700px; top:100px; left:50%; margin-left: -400px;
position:absolute; overflow:none;}
</style><div class="image">
<img src="http://cbimg9.com/layouts/08/07/29015ab.png"></div>
 

Posts in this topic


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