Previous Discussion	Next Discussion

overflow: auto ??? hide/show layers Why is this happening? Why is the hidden "lyr4" showing up automatically when I put Please see: http://tinyurl.com/g2tfz You can click the images above the scrolling textfield to swap between hidden "lyr1", "lyr2", "lyr3", "lyr4" content It works perfectly for 3 swaplayers but when I add more than 3 "lyr" then this happens. Help! ~Maya Started By grrlduda on Mar 2, 2006 at 6:51:28 PM

1 Response(s) | Reply

Earlier Replies | Replies 1 to 1 of 1 | Later Replies

MHenke on Mar 3, 2006 at 12:52:36 AM (# 1) This message has been edited. You've a flaw in your initialisation. You hide only "lyr1" - "lyr3" per initial CSS rule. There's a comment how to make it right, but you may havn't looked at the source... /* Include id's for all your layers here, with commas between. */ #lyr1, #lyr2, #lyr3 {   position:absolute;   visibility:hidden;   left:0;   top:0;   z-index:1 } You also may want to think about to simplify you CSS, e.g (untested). /* Include id's for all your layers here, with commas between. */ div.swapLayer  {   position:absolute;   left:0;   top:0;   visibility:hidden;   overflow: auto;   z-index:1;   font-family: Arial, Verdana, Helvetica, sans-serif;   font-size: 12px;   border: 2px solid #000000;   width: 490px;   height: 235px;   /* margin-bottom: 50px; */   padding: 10px; } With the corresponding HTML <div align="left"> <!-- SCROLLING TEXT AREA HOTSPOT #1 --> <div id="container"> <div class="swapLayer" id="lyr1"> <strong><font color="#CC0000">IRT</font></strong><br> <p>CRE provides Heat ... </p> <!-- ... --> And, since you're already using CSS, you may want to think about to convert the HTML layout to CSS, that mix-up is always harder to manage.

Earlier Replies | Replies 1 to 1 of 1 | Later Replies

To respond to a discussion, you must first logon.

If you are not registered, please register yourself to become a member of the SiteExperts.community.