Can this be done?

[wellman]

Now that the Carbonite theme is stretchified (w00t), I have a question. Pre-stretch, I had my header and the style picker laid out such that the header was left-aligned and the style picker was right-aligned. Image below...

http://wellman.smugmug.com/photos/239529562-L.jpg

I'd like to maintain this same justification. I think this means that the header (and it's bottom border) will need to scale (it doesn't now) as the window grows, and that the style picker will need to stay on the right. See image below...

http://wellman.smugmug.com/photos/239529573-L.jpg

Any way to accomplish this? Thanks.

[Allen]

Now that the Carbonite theme is stretchified (w00t), I have a question. Pre-stretch, I had my header and the style picker laid out such that the header was left-aligned and the style picker was right-aligned. Image below...

I'd like to maintain this same justification. I think this means that the header (and it's bottom border) will need to scale (it doesn't now) as the window grows, and that the style picker will need to stay on the right. See image below...

Any way to accomplish this? Thanks.
This seems to keep your header left aligned with stretchy.

.smugmug #gwHeader {
width: auto;
margin: 10px 15px 0px;
border-bottom: 1px solid #4F4F4B;
padding-bottom: 5px;
}


Played with the stlye bar and below is some tweaks to get it somewhat sticking to the right side in stretchy.

/* .smugmug #gwHeader, .critique #gwHeader
{width: 960px;} */

#stylebar {
width: 160px;
position: relative;
top: -38px;
/* left: 295px;*/
padding-bottom: 0px;
margin-bottom: -25px;
}

.smugmug #stylebar, .critique #stylebar {
/* left: 400px; */
width: auto;
margin: 0 15px;
}


Here's a direct copy after tweaking. Disabled items added space like l eft.

/* Header */
#gwHeader {
width: 750px;
margin: 10px auto 0px;
border-bottom: 1px solid #4F4F4B;
padding-bottom: 5px;
}
.smugmug #gwHeader {
width: auto;
margin: 10px 15px 0px;
border-bottom: 1px solid #4F4F4B;
padding-bottom: 5px;
}

.slideshow.Large #gwHeader,
.filmstrip.Large #gwHeader,
.singleImage.Large #gwHeader,
.singleImage.Original #gwHeader {width: 800px;}

/* .smugmug #gwHeader, .critique #gwHeader
{w idth: 960px;} */

#stylebar {
width: 160px;
position: relative;
top: -38px;
l eft: 295px;
padding-bottom: 0px;
margin-bottom: -25px;
}

.slideshow.Large #stylebar,
.filmstrip.Large #stylebar,
.singleImage.Large #stylebar,
.singleImage.Original #stylebar {left: 320px;}

.smugmug #stylebar, .critique #stylebar {
l eft: 400px;
width: auto;
margin: 0 15px;
}

[wellman]

Thanks, Allen. I will have a look sometime this weekend and post back if I have questions. :thumb

[wellman]

Allen,

Thanks a ton for the help. I made a few more tweaks to get it "just so," and it's looking great to me now. Have a great weekend!

http://www.wellmanphoto.com/gallery/1891854/

-Greg