Myspace 2.0, Seems like it's cutting time in half but is making things complica Options

[illriginal]

Ok...

Where to start..

First, I understand that Myspace is trying to give us some sort of flavor to styles and trying to make it easier for us to design our own pages. But I'm stuck and I'm gonna assume this is basically lack of resources.

These are the resources I'm currently using and maybe I'm reading through them too quickly that I'm missing the primary changes I'd like to make.

1. http://views-under-construction.blogspot.com/2009/03/myspace-20-div-layout-div-overlay.html

2. http://fixtatik.com/articles/myspace/creat...for-profile-2.0 (which honestly, is failing hardcore, or Myspace did a patch, and these mods are just bunk now)

3. http://www.createblog.com/forums/index.php...922&hl=divs (this is primarily for 1.0 but I get the jist of converting for 2.0)



Basically the problem is this... myspace has a default size to its page, if that makes sense. When I upload a test page/image, it sticks to one size. I'll go back into photoshop, resize it by like another 5 inches in width, reupload onto photobucket with a different image name, and change the div code so that it reflects the new edited image I just uploaded onto photobucket.

But the funny thing, the image itself looks like it got larger "BUT" the image does no expand further.

Here's what I currently have in my CSS:

CODE

div#module-1 {display:none;}
div.basicInfoDetails {display:none;}
div.blurbsModule h3 {display:none;}
div.blurbAboutMe h4 {display:none;}
div.blurbLikeToMeet {display:none;}

div.basicInfoDetails {min-height:0px; padding:0px;}
div.profileDemographics {min-height:0px; padding:0px; height:0px; width:0px;}
div.basicInfoModule {margin:0px; height:0px; padding:0px; min-height:0px; }
div.basicInfoModule div.moduleBody {height:0px; min-height:0px; margin-top:0px; margin:0px; padding:0px; }
div.contentMid2 {padding:0px;}

div.contentMid2 {position:relative;}

div.photo {display:none}

This is my myspace profile: http://www.myspace.com/hatrockpcnettech


The image is just a test and I added that water drop to see if the image is in fact becoming larger but just not sizing out like I want it to. Maybe I'm using the wrong code or just no code at all.

The two options I'd like to choose from is either:

A. make the whole page 1 solid background color but not hide the ads and also behind the top menu bar.

B. create a solid colored image as my background


I prefer option "A" since it's stupid to make an image of a solid color as my background when I can just make the div a solid color instead.


Please haaaalp!



EDIT:

Wow... finally after 3 hours of searching around and tryin different codes. I've got it!

CODE

body { background:#165b60; color:#2c111d; font:normal 10px/13px 'Lucida Grande', 'Lucida Sans', sans-serif; }

Ok so after figuring that out finally... to add divs for images, it should be the same code as 1.0, ya? Or am I mistaken?