Almost there

[Allen]

Only three issues left to solve and unfortunately they're with IE.

1. Style box shows thru dropdown in IE. Click bottom right nav.
http://atsmith.smugmug.com/gallery/1248663

2. The nav menu dropdowns at the top interfer with the Carbonite theme.
Pick any nav button on bottom row and dropdowns show behind theme below.
I tried a bunch of other themes and this is the only one I found like this.
http://atsmith.smugmug.com/gallery/1625758

3. Bottom navbar row will not wrap correctly under top row in IE.

I tweaked the navbar padding on my homepage and need someone to check
the page while "logged" in to their Smugmug site and see if the Friends/Family
is showing OK in both IE, FF and other browsers.

Any help would be appreciated.
Thanks
Al

[Andy]

2. The nav menu dropdowns at the top interfer with the Carbonite theme.
Pick any nav button on bottom row and dropdowns show behind theme below.
I tried a bunch of other themes and this is the only one I found like this.
http://atsmith.smugmug.com/gallery/1625758


http://www.dgrin.com/showthread.php?t=42384 has the navbar / carbonite fix.

Mike Lane is your man for the IE hackage on your other questions.

[Mike Lane]

Only three issues left to solve and unfortunately they're with IE.

1. Style box shows thru dropdown in IE. Click bottom right nav.
http://atsmith.smugmug.com/gallery/1248663

That you won't be able to fix without javascript. I imagine it'll be as simple as hiding the select menu when the dropdown is active. But one of the js braniacs may have a better solution.

2. The nav menu dropdowns at the top interfer with the Carbonite theme.
Pick any nav button on bottom row and dropdowns show behind theme below.
I tried a bunch of other themes and this is the only one I found like this.
http://atsmith.smugmug.com/gallery/1625758

There was a whole thread about this recently. I figured you were a part of it. Am I just late to this party? :scratch

3. Bottom navbar row will not wrap correctly under top row in IE.

I tweaked the navbar padding on my homepage and need someone to check
the page while "logged" in to their Smugmug site and see if the Friends/Family
is showing OK in both IE, FF and other browsers.

Any help would be appreciated.
Thanks
AlMy guess is that's a box model issue with IE. Try hacking away at the width until I can fire up IE6 to check it out (which won't be until later).

Of course if I had a mac pro with dual monitors... wink

[Allen]

http://www.dgrin.com/showthread.php?t=42384 has the navbar / carbonite fix.

Mike Lane is your man for the IE hackage on your other questions. I was all over that thread and it did fix another problem with the dropdowns
pushing the theme down thanks to bigwebguy. Now the dropdowns work
perfert but they show behind the theme. I'll probably just switch to Smug
Grad as I did with everything else in that category and leave that bug out
there.
Thanks Andy,
Al

[Allen]

[/u]
That you won't be able to fix without javascript. I imagine it'll be as simple
as hiding the select menu when the dropdown is active. But one of the js
braniacs may have a better solution.
Is this something particual to my code or does this happen to
everyone using color themes and dropdowns when viewing in IE?

[/u]
There was a whole thread about this recently. I figured you were a part
of it. Am I just late to this party? :scratch
BWG came up with a fix to stop the dropdowns from pushing the page
down. Nerver did solve the dropdowns hiding behind images below.
Wish I had a "bring to front" command.:D

[/u]
My guess is that's a box model issue with IE. Try hacking away at the
width until I can fire up IE6 to check it out (which won't be until later).

Of course if I had a mac pro with dual monitors... wink
One thought, I added Smugsearch to a button, the height of it might
be causing it to wrap funny. I'm been tweaking like mad but haven't
tried increasing the box height for IE yet, that'll be next. Hate to keep
saving to see change, isn't there a WebDev for IE? Would make it a
whole lot easier.

Thanks for all the help, this is kind of fun but flustrating,
Al

[Mike Lane]

Is this something particual to my code or does this happen to
everyone using color themes and dropdowns when viewing in IE?

IE sets the z-index of any select elements (or maybe it's all form elements, not sure) to be the highest on the page. That's a majorly annoying problem for a lot of people. Like I said, the JS fix is fairly easy (I think I could even do it with a little bit of research) but the fact that you have to use JS is a real pain in the butt.


BWG came up with a fix to stop the dropdowns from pushing the page
down. Nerver did solve the dropdowns hiding behind images below.
Wish I had a "bring to front" command.:D
I'm not sure what Lee used in Carbonite so I can't really help you out unfortunately. I'm sure it's a z-index thing somewhere somehow though.

One thought, I added Smugsearch to a button, the height of it might
be causing it to wrap funny. I'm been tweaking like mad but haven't
tried increasing the box height for IE yet, that'll be next. Hate to keep
saving to see change, isn't there a WebDev for IE? Would make it a
whole lot easier.
Probably box width rather than height.

[Allen]

.... Probably box width rather than height. I suspect the Search Box (SB) height is blocking the menu from wraping
under it in 2nd row. Menu starts after SB and wraps to 3rd row.

Possible clue:
Added the red to the following and in IE it put the menu in two rows, second
row starting under the (SB).:clap

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;
width:110px; height:20px; _height:40px; color:#e3cfb5; border:1px
solid #e3cfb5; border-width:1px 1px 1px 1px; background:transparent;
padding-left:0px; line-height:20px;}

Now I'll try to decrease height and still get correct wraping.

Al

Edit: Looks like _height:25px; works.

[Allen]

I think I've solved No. 1.

1. Using IE, the Style box shows thru menu dropdowns for all the color themes.
http://atsmith.smugmug.com/gallery/1248663

I added this to my CSS.

.smugmug #stylebar {width: 980px; margin-top:-25px; _margin-top:-60px;}

It moves the box out and up besides my menu and doesn't interfere with
the dropdowns. I've checked most of my pages in FF and IE and it seems
to work.

The only thing not solved is the Carbonite theme problem and I've
switched to another theme.

Thanks to all the help
Al