In an attempt to consolidate my work, this article has been merged and moved here:
MySpace table structure layout showing classes, cells, divs and the location of other attributes which are usable in style commands
javascript functions
Wednesday, June 20, 2007
Subscribe to:
Post Comments (Atom)
About Me
- u∃∃l!∃
My name is Eileen.
I live in Corvallis Oregon (for now).
My job is moving to Austin Texas and I may move with it).
I have Aspergers (a type of high functioning autism).
In my case it is not a disability; it gives me as many strengths as it does weaknesses.
However, communicating with Neuro Typicals is a challenge for me. So if we do not understand each other, it is not because I dislike you, think you are stupid, or anything else negative. We just think differently.
8 comments:
This is awesome diagram. I've been using a Chris Pederick Web Developer FF plug-in to figure out the MySpace nested tables, but this is SO much better.
I was wondering if there is a way to align the content modules in the .profileinfo and the .extendednetwork columns.
I see that FF center aligns the modules in columns and IE right aligns them.
I've been trying to get them to have the same alignment in both browsers but haven't had any luck.
Yes,
The best way might be to make them all the same width.
I would have to play with it to be sure, but I am thinking that if you just hard-set the width of each of the main content tables (they all have classes now except the calendar).
i.e. something like this:
table.profileInfo,
table.userProfileURL,
table.interestsAndDetails,
table.userProfileDetail
{width:300px !important}
table.extendedNetwork,
table.latestBlogEntry,
table.blurbs,
table.friendSpace,
table.friendsComments
{width:440px !important}
I didn't get all the tables on the left side, there are a few more you might have.
You do have to insure that the width you choose, accommodates the widest element in the space.
In a few cases there are sub-tables which need to be set as well, I don't remember which ones they are, that must also be set to the width.
It helps, if while you are doing this, you add borders, like I have in the above diagram.
That way if something is not getting as wide as you want it, you can see which level is holding it back.
IE sometimes needs explicit values where FF will take 100%.
Other times they both do well with just a percent (as long as what they are inside has an explicit set width).
I have been looking for something like this for forever:)
Woooowww, this is the best layout diagram i've ever seen. Thank you sooooooo much! lol.
Thank you John,
how do you move th copyright table or div to the middle here's my page www.myspace.com/one_love_girls
im still confused is there a shorter way that a 15 year old can under stand ?
how can i set fixed width for the background? because if i'm in 1280 monitor resolution there's a blank spot on the left and right side and what is the different between position:absolute and position:relative?
Post a Comment