Subject: IE6 and CSS "right" property?
Posted By: kend Post Date: 12/14/2005 4:11:46 PM
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.
Reply By: richard.york Reply Date: 1/11/2006 1:18:44 PM
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
Reply By: richard.york Reply Date: 1/11/2006 1:19:40 PM
BTW, this is where you can learn more about expressions, if that route interests you.

http://msdn.microsoft.com/workshop/author/dhtml/overview/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

Go to topic 38603

Return to index page 398
Return to index page 397
Return to index page 396
Return to index page 395
Return to index page 394
Return to index page 393
Return to index page 392
Return to index page 391
Return to index page 390
Return to index page 389