Shouldn't these look the same?

[thinklikejoe]

How do I make http://thinklikejoe.smugmug.com/Photography Look like this: http://thinklikejoe.smugmug.com/ ??

I thought I had to make #category .category (from ...com/Phototgraphy) look like #homepage .homepage (from ...com) by adding {background:#d4ed91; width:796px; border:2px solid #fff;}

But,

#category .category {background:#d4ed91; width:796px; border:2px solid #fff;} looks funky to me in FireFox.

Another question:
Why are my fonts in via .category {color:#000000;} black in FireFox but not in IE? I'm sure there's some IE specific code I need somewhere, can anyone offer anything?

Thanks.

[Mike Lane]

Add the green for your first part:


#category,
#homepage {background:#d4ed91; width:796px; border:2px solid #fff;}

[thinklikejoe]

Add the green for your first part:

#category,
#homepage {background:#d4ed91; width:796px; border:2px solid #fff;}


Thanks. I've made a bunch of progress since I posted. However my http://thinklikejoe.smugmug.com/Photography page still shows the "Last Updated" in grey in IE not black. It's fine in Firefox. I used this: .category {text-transform:uppercase; color:#000000;}

[thinklikejoe]

#category,
#homepage {background:#d4ed91; width:796px; border:2px solid #fff;}


Worked great. Then I tried to add it to all my galleries by adding #smugmug_small

That didn't work so great. What should I be adding?

[Barb]

#category,
#homepage {background:#d4ed91; width:796px; border:2px solid #fff;}

Worked great. Then I tried to add it to all my galleries by adding #smugmug_small

That didn't work so great. What should I be adding?

Hi :)

Did you get this straightened out? From looking at your gallery pages, it appears maybe so? Nice design, by the way. You've incorporated it really nice with your blog, etc.

[thinklikejoe]

Did you get this straightened out? ... Nice design, by the way ...


Thank you very much.

Unfortunately IE still sees the "Last Updated" as a gray color which is very hard to read on the green background. I have specified black text correctly I think. Firefox shows it as black.
I just don't know.

The other issue is that http://thinklikejoe.smugmug.com/Photography shows a nice white border around my brown bar at the top while specific galleries such as http://thinklikejoe.smugmug.com/gallery/2326759 do not show that nice white border.

The code I've used for that is:
#category, #homepage, #smugmug_small {background:#d4ed91; width:796px; border:2px solid #fff;}

It's the #smugmug_small that I think may not be correct though I'm just not sure. ....stupid CSS noob-ism.