Tengo un código para que un enlace muestre una capa con texto. Me gustaría que se ajustara al tamaño del texto (ahora tengo que ajustarlo a mano calculando las dimensiones que ocupa). Y de paso necesitaría que si el texto es muy grande, se pudiera poner una ventana menor con un scroll. Pero no lo consigo, ahora mismo el texto se sale de la ventana si las medidas son demasiado pequeñas, no pone el scroll ni se redimensiona...

El código de la ventana:

Con overflow: auto tampoco funciona

Overflow:auto deberia subsanar tu problema. Digo deberia por que tienes un id que no se si esta definido en la hoja de estilos , usas none cuando deberias usar background-repeat:no-repeat;scroll 0% 0% , etc etc.

Si puedes postear imagen de lo que quieres , se vera mas claro.

Saludos.

Casi solucionado. Para que salga el scroll en la ventana había que poner overflow auto y además las medidas de la ventana. Pero cuando quito el overflow auto desaparece la minicapa con una X para cerrar esa ventana. Ni siquiera funciona poniendo overflow visible en esa capa...

Te dejo el código completo, tal como lo tengo ahora

<style type="text/css"><!--
.visible {display:block;}.invisible {display:none;}
--></style>

<script type="text/JavaScript">// <![CDATA[
function plegardesplegar(identificacion){var menu = document.getElementById(identificacion);if(menu.className == "visible"){menu.className = "invisible";}else{ menu.className = "visible";} }
// ]]></script>

<a href="javascript:plegardesplegar('libro1');javascript:plegardesplegar('libro2');">enlace</a>

<div id="libro1" style="background: #000000 none repeat scroll 0% 0%; overflow: visible; z-index: 99; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; opacity: 0.8;"></div>

<div id="libro2" style="border: 5px solid #990000; padding: 20px; background: #000000 none repeat scroll 0% 0%; overflow: auto; position: fixed; top: 50%; left: 50%; width: 650px; height: 450px; margin-top: -220px; margin-left: -250px; color: #ffffff; text-align: center; z-index: 100;">

<div style="padding: 1px; background: #000000 none repeat scroll 0% 0%; position: absolute; top: -25px; right: 0px; color: #ffffff;"><a href="javascript:plegardesplegar('libro1');javascript:plegardesplegar('libro2');">[X]</a></div>

texto de la ventana 
</div>

Acabo de comprobar que poniendo un enlace [Cerrar] dentro de la ventana con el texto funciona sin darme más problemas el visible y el auto, así que elimino la [X], meto el javascript en la ventana y problema solucionado!

Bueno te he reestructurado el codigo un poco para hacerlo mas comprensible y te he añadido/eliminado un par de detalles. La capa que tenia position:absolute la de la [x] estaba superpuesta con la capa libro2. Si la ponemos en relative, se vera.

Los enlaces que llamas a javascript he puesto el evento onclick. La opacidad en IE no se veia , añadiendo filter:alpha(opacity=x); se soluciona.

Aunque has solucionado el problema , te pongo el codigo completo.

Saudos!.

Ah, pues genial!! entonces aprovecho y pongo lo de la [X], que creo que para los usuarios será más claro

Gracias