How would you like to have a column on the left side of your Myspace profile in which you could place anything you like? Even better, what if this column was never covered when your viewer's browser window is smaller than the Myspace layout "grid"? Well the solution is much simpler than you might think, and I am going to give it to you right now. I'm not going in depth into the workings of CSS or the Myspace structure. There are a lot of great CSS tutorial sites out there to learn the deeper and more complex aspects of modifying your Myspace layout and Myspace background. Just type Myspace tutorials into Google. Here, I am just going to give you the code and brief explanations of what it does.



First, just to make sure you understand what I am speaking of, visit my Myspace layout at my Myspace profile sbccjohn (I would recommend opening a new tab/window to have available while looking at the code below). Notice the grey box in the upper left corner (I left it plain so it would stand out). Now make your browser window smaller using the resize corner and notice how the banner ad and Myspace layout table stops when it gets near the box. I'll show you why and how it does this.

Here is the Myspace modification code that actually builds the box seen in the sidebar. Place this CSS code wherever you put your own modification code. I prefer the top of the "About Me" edit box: