Its a really bad idea to mix absolute (pixels) and relative (em's and
percentages) values.  Use one or the other, (you can use em's and
percentages together, because 1 em = 100% of the user's base font size).
Also if you are using absolute positioning to bring your div#defList to an
offset of 50% top and left, why are you then using negative margins? Use the
offsets only.  Negative margins are not always consistent across browsers
when using positioning or floating.

Set all items to a margin:0, padding:0 first to make sure you are consistent
across browsers, then add padding and postive margins to your elements as
needed.


Also change your overflow:scroll to overflow:auto. the scroll value will
ALWAYS place both vertical and horizontal scroll bars on an item. auto will
only place the ones necessary to scroll your content.

Sandra Clark
==============================
http://www.shayna.com
Training in Cascading Style Sheets and Accessibility 

-----Original Message-----
From: Ian Skinner [mailto:[EMAIL PROTECTED] 
Sent: Thursday, July 06, 2006 1:00 PM
To: CF-Talk
Subject: RE: iframe scrolling

Here is the CSS I use on a DHTML popup div that only scrolls vertically in
IE.  It is based on DIV's and DL's not IFRAME's so I do not know if it will
help or not.  But the if you look at the width of the basic div
(div#defList) is 300px and the width of the dl inside it (div#defList dl) is
268px allowing 32px for the scroll bar.

div#defList
{
        width: 300px;
        height: 200px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -75px;
        margin-left: -150px;
        padding: 0;
        border: 2px solid #006;
        background-color: white;
        text-align: center;
        
        z-index:2000;
}

div#defList h2
{
        border: 0;
        font-size: 100%;
        position: relative;
}

div#defList h2 a
{
        position: absolute;
        background-color: #DDD;
        color: black;
        top: 0;
        right: 0;
        font-size: smaller;
        padding: .25em;
        border: 1px solid black;
        text-decoration: none;
}

div#defList dl
{
        margin: 0;
        padding: 0 1em;
        height: 174px;
        width: 268px;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left;
        overflow: scroll;
}


--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA

---------
| 1 |   |
---------  Binary Soduko
|   |   |
---------
 
"C code. C code run. Run code run. Please!"
- Cynthia Dunning

Confidentiality Notice:  This message including any attachments is for the
sole use of the intended
recipient(s) and may contain confidential and privileged information. Any
unauthorized review, use, disclosure or distribution is prohibited. If you
are not the intended recipient, please contact the sender and delete any
copies of this message. 






~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:245550
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe: 
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Reply via email to