klenwell information services : MoshiFaqMastheadCommentGap

Moshi FAQ : Masthead/Comment Gap


Return to Moshi Question Page

Question

I suddenly have a gap above my comments section that is the same size as the gap at the top for my banner. Any idea how to correct this?

Response

Don't have a confirmed fix for this yet. My current suggestion is below. See if that helps. If that does work or you come across a proven fix, please let me know.

The extra gap is obviously a side-effect of some setting having to do with the banner. Most likely, this particular setting:
NOTE { make room for the banner by padding top of profile table }
NOTE { if your banner is getting cut off increase this }
body table table td {padding-top:210px;}


How to solve this side-effect? Here's an educated guess. Put this somewhere below the setting above:
body table table td.text { padding-top:4px; }


Not able to test myself. Give it try and let me know if it works and, if so, if there are any side-effects.

Also, look into switching to the new banner code: linkable image banner. It's a bit simpler.



i was able to get rid of the space by centering the entire profile but it through off the alignment of the page in IE. heres the full code maybe you can see whats causing that space?

Note: to make room, I've removed your code -- if needed for future reference, you can find it here.

Even with the code, it's tough to diagnose the problem in the abstract. A couple other suggestions:

1. Do you have a lot of other "flair" in your profile (big images, flash, media players, etc.)? It sounds like another page element could be encroaching on your comments table, perhaps pushing it down. Does your page scroll horizontally on a 1024 px wide monitor? If so, this could be the issue.

2. Perhaps replace the banner code from the 1.2 stylesheet with the new one I posted here:

http://myspacecivilized.blogspot.com/2007/03/linkable-image-banner.html

Honestly, it shouldn't make a difference, but this code is a bit simpler.

My only other suggestion is more trial and error. Unfortunately, the myspace html is so convoluted and their parser works in such obscure ways that this is about the only way to do it.

If the extra gap and the banner height are changing in unison, then you'll have to find some way to isolate the one from the other using CSS. Usually, that's done by targetiing a child element (in this case, it would be an element related to that gap.) If that sounds like gibberish, read up a little further on CSS and DOM. CSS isn't rocket science, but when dealing with myspace, it's often a moon-shot. It requires skill, experience, a lot of patience and a bit of luck.

Good luck. Let me know if you figure it out or have other questions.


CategoryMoshi
There is one comment on this page.
[Display comment]