I haven't been able to find much about this on the web, so I thought I'd ask:

Links:
http://www.kendietz.com/jgarden/japanesegarden.xml
http://www.kendietz.com/css/photos.css

I have my personal website (a photo gallery) done up using XML, XSL and CSS. If the image you are viewing is too large for the browser window, I want a vertical scrollbar to appear, attached to the right edge of the viewport.

Using the "right" property set to 1px does this perfectly in Mozilla, but IE6 seems to want to attach the scrollbar to the image itself (child element) rather than to the containing block, as the CSS specification says.

The relevant section of the CSS file is:

#contentright {
    position: absolute;
    left: 150px;
    right: 1px;
    top: 0em;
    height: 100%;
    background: transparent;
    white-space: normal;
    text-align: center;
    font-size: 1.1em;
    padding-top: 0em;
    margin: 0em;
    overflow: auto;
    z-index: 1;
/* width: 85%;*/
}

The commented "width" property is my temporary solution, but I hate it.

Does anyone have a suggestion?

Thanks for any help.

Right, Internet Explorer doesn't support setting offset properties in pairs to imply width. A proprietary expression might do it, or Dean Edwards's IE7

http://dean.edwards.name/ie7

I recommend the latter. I know Dean has done some work to make his project work with XML too.

HTH!

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design

BTW, this is where you can learn more about expressions, if that route interests you.

http://msdn.microsoft.com/workshop/a...iew/recalc.asp

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design