Really picky CSS question

[wellman]

When viewing galleries with the smugmug style, the lefthand panel's right border separates the thumbs from the main photo. This is usually the "longer" panel, so things look nice. (See here (http://wellman.smugmug.com/gallery/1143039), and make sure you're using the smugmug style.)

The problem I'm having is when a gallery contains few images, that border only continues partway down the page and terminates into nothingness. (See here (http://wellman.smugmug.com/gallery/1292594).)

What would be the best way to fix this? If I set the thumbs-containing panel to a fixed height, I would end up with a lot of empty bottom space in small galleries. I think what I'd really like to do is use either the right border of the left panel or the left border of the right panel, whichever is taller. Can this "either-or" be accomplished with CSS? Or is there a totally better way to achieve the end effect?

Thanks in advance...

[ivar]

When viewing galleries with the smugmug style, the lefthand panel's right border separates the thumbs from the main photo. This is usually the "longer" panel, so things look nice. (See here (http://wellman.smugmug.com/gallery/1143039), and make sure you're using the smugmug style.)

The problem I'm having is when a gallery contains few images, that border only continues partway down the page and terminates into nothingness. (See here (http://wellman.smugmug.com/gallery/1292594).)

What would be the best way to fix this? If I set the thumbs-containing panel to a fixed height, I would end up with a lot of empty bottom space in small galleries. I think what I'd really like to do is use either the right border of the left panel or the left border of the right panel, whichever is taller. Can this "either-or" be accomplished with CSS? Or is there a totally better way to achieve the end effect?

Thanks in advance...I'm just thinking out loud here, didn't actually try anything. But couldn't you put a border on both the right-panel-left-border and the left-panel-right-border and have them on exactly the same position? that way it is a && situation, so you will get the longest one either way? they would just be overlapping each other.

[bwg]

I'm just thinking out loud here, didn't actually try anything. But couldn't you put a border on both the right-panel-left-border and the left-panel-right-border and have them on exactly the same position? that way it is a && situation, so you will get the longest one either way? they would just be overlapping each other.

hm, interesting idea.

you'd have to give one of the sides a negative 1px margin but it just might be crazy enough to work!

[ivar]

hm, interesting idea.

you'd have to give one of the sides a negative 1px margin but it just might be crazy enough to work!So, what are you saying? my ideas represent the true me?

Give me 5 minutes, and i'll give it a try....

[ivar]

So, what are you saying? my ideas represent the true me?

Give me 5 minutes, and i'll give it a try....I tried it on some other stuff (couldn't get the the right-panel-left-border and left-panel-right-border to work for some reason, maybe someone can help me there...) But it worked on other objects.

[Mike Lane]

So you're asking that the dividing line be at least as tall as the image right? This fixes you in all browsers that smugmug supports:

#smugmug #thumbnails {
min-height:400px;
_height:400px;
}

[wellman]

So you're asking that the dividing line be at least as tall as the image right? This fixes you in all browsers that smugmug supports:

#smugmug #thumbnails {
min-height:400px;
_height:400px;
}

Awesome! Thank you! Thanks to Ivar and BigWebGuy for their thoughts as well. The "&&" idea is intriguing; I may give it a go at some point, but Mike's method is working well.

[ivar]

Awesome! Thank you! Thanks to Ivar and BigWebGuy for their thoughts as well. The "&&" idea is intriguing; I may give it a go at some point, but Mike's method is working well.I am thinking Mike's idea is alot simpler to use than mine.... I may have been thinking outside the .box a little too much.