Message 1074 of 1157

Yellow box area

Is anyone else having this problem?

The "yellow box" area(which is transparent)on my page is stretched out and overlaps it's section box into my "Group" section box. Its the same problem in my view, friends view, and public view on all of my skins.
Photobucket
Rich702's profile
Replies 1 - 10 of 16
I'm not having that trouble viewing my own profile with Mac OS 10.3.9, Flash Player 9. Or at least not yet - my page is still loading - dial up, don't cha know!

Do other peeps profile's also have the box stretched out?

I'm waiting for your page to load to see what it looks like with what I have.

Back at you ASAP
Mimi58's profile

about 1 year ago
I looked at some of my friends pages and none of them have the same problem I'm having on my own page. I even copied one of their yellow box codes from view source and tried it in my customm css box but still ended up with the same problem.
Rich702's profile

about 1 year ago
Hmmm, that 's strange. I thought it might be a browser conflict. I believe they are working on trying to solve some problems with the photo center and Flash 10, also. But if you can view other friends pages and not see a problem, then it must be something else.

Here's a view when I look at it with the "web developer" add-on in Firefox.



Have you added any new widgets lately? Some times, something in a widget can cause the "div" to act up. Sometimes, when this happens, some browsers will still show the page OK and other browsers will go crazy.

Tallbob had posted a way to look at your page without the widgets loading, but I haven't been able to find that. I'll try looking again.

Good Luck!
Mimi58's profile

about 1 year ago
@Mimi58 - add ?no_widgets=t to the URL
tallbob's profile

about 1 year ago
Rich, when I looked at it I didn't see any bleed over. Do you have the correct code in there to get rid of the yellow box? If not, I believe there is a message in this group with the correct code. You might want to use the search engine to find it.
TestofF8th's profile

about 1 year ago
No, I havent added any widgets lately but I've been having problems with my music player the past few days. I think everyone else has too though.

This problem with my yellow box area just started this morning.
Rich702's profile

about 1 year ago
I tried viewing it with no widgets but still the same overlap problem.

Here's the code I'm currently using in my custom css box and its the same one I've used forever with no problems prior to this morning.

.yb .bt, .yb .bt div, .yb .bb, .yb .bb div { background: none; height: auto;}
.yb .i1, .yb .i2 { background: none; padding: 0; }
.yb .i3 {background: none; border: none;
Rich702's profile

about 1 year ago
I use IE7 and all my profile views look ok. Project playlist hasn't been working right anywhere for a few days.
Luna45's profile

about 1 year ago
I just tried this code that was in this group "Codes to share" files section and it worked at least on my current skin. Havent tried any others yet.

.yb .bt, .yb .bt div, .yb .bb, .yb .bb div { background: none; height: auto;}
.yb .i1, .yb .i2 { background: none; padding: 0; }
.yb .i3 {background: none; border: 3px inset #53371A; padding: 7px;}
Rich702's profile

about 1 year ago
Most likely, this is just IE7 being its normal Microsoftian self. The links inside the yellow box are list items with a specified width, floated left. They should float within the box in which they are enclosed. So, if the 3rd list item cannot fit to the right of the 2nd list item (as is the case, here), it should appear on the next line. Apparently, in IE7, it doesn't. Due to the limited storage of my brain (and, perhaps, old age), I cannot remember the specifics of every IE bug I have encountered but I can tell you that this one does seem familiar. I think it's one of those "has layout" issues - the result of a Microsoft efficiency hack gone awry. The enclosing div needs to "have layout" or the browser won't respect its boundaries. There are various hacks to give "layout" to elements. One is to give the element a bogus and unnecessary height (like 1%) or width - or set the overflow property (e.g. overflow:hidden).
tallbob's profile

about 1 year ago
Replies 1 - 10 of 16