Buenos Días, el asunto es que tengo un slider de imagenes (easyslider) pero el detallito es que la imagen no se adapta a la resolución de la pantalla...Es decir a 1024*768 se ve bién pero por ejemplo a 1280*768 no crece, su contenedor que es un div si crece porque lo tengo al 100% pero la imagen que esta dentro no..
 
He probado con #slider img { width:100% } pero ná...
 
También he probaado reemplazando las dimensiones de las imagenes y colocarlas Width=100% pero tampoco funciona...
 
No sé que mas probar asi que recurro a los duros del CSS y HTML..jejeje
 
Saludos y gracias de antemano...
 
Codigo HTML
 
<div id="slider">
              <ul>
                <li><a href="archivos/Resolucion08112010.pdf" target="_blank"><img src="2010/slider/resolucion.png" alt="Importante Resolución Pagos Fraccionados" width="100%" height="100" border="0" /></a></li>
                <li><a href="archivos/pasantias/proceso_pasantias.pdf" target="_blank"><img src="2010/imagenes/02.jpg" alt="Pasantias Periodo 2010-2" width="614" height="100" border="0" /></a></li>
                <li><a href="dependencias/dace.html" target="_blank"><img src="2010/imagenes/03.jpg" alt="Tramite de Equivalencias de Estudio" width="614" height="100" border="0" /></a></li>
                <li><a href="dependencias/ase.html" target="_blank"><img src="2010/imagenes/04.jpg" alt="Asociación de Egresados" width="614" height="100" border="0" /></a></li>
                <li><a href="archivos/calendarios/calendario.pdf" target="_blank"><img src="2010/imagenes/05.jpg" alt="Admitidos Carrera" width="614" height="100" border="0" /></a></li>
				<li><a href="" target="_blank"><img src="2010/slider/carnet.jpg" alt="Por tu seguridad usa el Carné" width="614" height="100" border="0" /></a></li>
              </ul>
            </div>
 
 
Codigo CSS:
 
#contslider{ border:solid #009933 1px; padding: 4px 4px 6px 4px;  }
/*///////////comienzo del slider //////////*/	
	img{border:none; }
	pre{
		display:block;
		font:5px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:100%;
		}	
 
 
    /* // image replacement */
 
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:505px;
		height:100px;
		background:#fff;		
		margin-bottom:2em;
 
		}	
 
	#content{
		position:relative;
		}			
 
/* Easy Slider */
 
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
 
	#slider{
 
 
	margin: 0px 0px 0px 0px;
	width:505px
	}
 
 
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:614px;
		height:100px;
		overflow: hidden;
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		}	
 
	#nextBtn, #slider1next{ 
		left:696px;
		}														
 
 
	/* numeric controls */	
 
	ol#controls{
		margin:5px ;
		padding:0;
		height:18px;	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:18px;
		line-height:8px;
		}
	ol#controls li a{
		float:left;
		height:18px;
		line-height:18px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		margin-left:10px;
		/*tamaño botones numericos*/
		padding:0px 10px ; 
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // FIN Easy Slider */ 
   
 




