Inconsistent box structure on homepage

[Gary Glass]

Structural changes to homepage html are giving me fits. The featured box looks like this:

.box
.boxTop
.boxBottom
.miniBox
...

but the galleries box looks like this:

.box
.boxTop
.miniBox
...

Why doesn't the galleries box have the same (sensible) structure as the Features box? Makes it hard to get the CSS working the same on both.

p.s. I haven't investigated the other homepage boxes, or anything beyond the homepage, but are you aware of this problem? Do you consider it a problem?

[jfriend]

Structural changes to homepage html are giving me fits. The featured box looks like this:

.box
.boxTop
.boxBottom
.miniBox
...
but the galleries box looks like this:

.box
.boxTop
.miniBox
...
Why doesn't the galleries box have the same (sensible) structure as the Features box? Makes it hard to get the CSS working the same on both.

p.s. I haven't investigated the other homepage boxes, or anything beyond the homepage, but are you aware of this problem? Do you consider it a problem?

What are you trying to do? If you're trying to style the .miniBox, you should be able to just style it without paying any attention to what containers it is in or by scoping it only by the top level item.

For example:

.homepage .miniBox {}

will style things in the miniBox only on the homepage and any miniBox on the homepage regardless of what the other containers are.

[Gary Glass]

Update. Actually, upon further investigation, this really looks broken. Even if I turn off all my CSS, the box layout is different in features than in galleries. The margins are different, the text wrapping is different. In galleries the descriptions aren't even showing up.

Unless I'm missing something obvious. Please advise.

[Gary Glass]

What are you trying to do? If you're trying to style the .miniBox, you should be able to just style it without paying any attention to what containers it is in or by scoping it only by the top level item.

For example:

.homepage .miniBox {}

will style things in the miniBox only on the homepage and any miniBox on the homepage regardless of what the other containers are.

I know. But there are structural differences between the two boxes. So making them look the same is hard. In fact, even with all my customizations turned off they don't look the same.

(x-post)

[ivar]

But there are structural differences between the two boxes.sure, they are different, they always have been; For one, because the 'featured' box has an extra button below the images in the minibox. I'm not sure I'm seeing the problem, to be honest? :ear

[jfriend]

I know. But there are structural differences between the two boxes. So making them look the same is hard. In fact, even with all my customizations turned off they don't look the same.

(x-post)

You have a large amount of Javascript making changes to your pages, even when you temporarily remove your CSS. It isn't 'easy for me to tell what it is all doing, but are you sure this isn't causing some of what you are seeing. For example, with your CSS removed, your gallery titles show up below the thumbs on the homepage which means that your customizing is still affecting the page, even with all your custom CSS removed. So, something in your other customization is still messing with the homepage layout.

[ivar]

but the galleries box looks like this:

.box
.boxTop
.miniBox
...
That's not what I'm seeing, btw; boxBottom is an ancestor of miniBox:

http://img.skitch.com/20081109-1itf4n8t1h42kdijjxy3h831yh.jpg

[Gary Glass]

So now I've deleted all my customizations. There are still so many different issues.

1. Though I haven't changed customizations in a while (until just now), the miniBoxes are now messed up. The structure of the page must have changed.

2. The structural differences make it hard to style the boxes on the homepage consistently. Whether it's always been that way or not is irrelevant. It doesn't look necessary. Why not have the structures be consistent?

3. Margins and/or padding of Features box is different than Galleries box.

4. Titles in Features are right of thumbnail, but in Galleries, the text is below the thumbnail.

5. Miniboxes in Features have dates, but not in Galleries.

6. Miniboxes in Features have descriptions, but not in Galleries.

[Gary Glass]

Oh, I should have pointed out I'm looking at this in FF3 and IE7.

In IE7, the title, description, and date in the Galleries box is overlapped by the thumbnail.

[ivar]

There may be something on our side that's not working correctly on some sites, however logged in should show correctly. Stand by, we're looking in to this.

[jfriend]

Oh, I should have pointed out I'm looking at this in FF3 and IE7.

In IE7, the title, description, and date in the Galleries box is overlapped by the thumbnail.

Quite odd. I'm glad Ivar is looking into it. It looks like this for me in FF2 and Safari which is even different from you are seeing (and also incorrect):

http://jfriend.smugmug.com/photos/413415713_Venzd-XL.jpg

[ivar]

Gary, John, check again, please? :ear

[Gary Glass]

That looks better. Thanks.

[jfriend]

Gary, John, check again, please? :ear

Looks normal to me now.