Foros del Web » Creando para Internet » CSS »

ajustar imagen a pantalla

Estas en el tema de ajustar imagen a pantalla en el foro de CSS en Foros del Web. Hola a todos, tengo tres imagenes que debo poner de fondo en el panel superior , pero no se me ajustan a la resolución de ...
  #1 (permalink)  
Antiguo 05/03/2010, 15:46
 
Fecha de Ingreso: diciembre-2009
Mensajes: 3
Antigüedad: 8 años
Puntos: 0
ajustar imagen a pantalla

Hola a todos, tengo tres imagenes que debo poner de fondo en el panel superior , pero no se me ajustan a la resolución de la pantalla este es el codigo que tengo en el masterpage:


Código ASP:
Ver original
  1. <div runat="server" id="container">
  2.             <div runat="server" id="banner" style="background-color: #FFFFFF">
  3.                 <div runat="server" id="branding" >
  4.                     <asp:HyperLink runat="server" NavigateUrl="~/">Tienda</asp:HyperLink>
  5.                 </div>
  6.                 <div id="imagen" runat="server">
  7.                     <asp:Image ID="Image1" runat="server" ImageUrl="Images/ima_home/cab_la14_r1_c2.jpg"/><asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="Images/ima_home/cab_la14_r1_c3.jpg" ImageAlign="Right" CssClass="ImageMap1" HotSpotMode="Navigate">
  8.                        <asp:RectangleHotSpot Top="53" Bottom="32" Left="26" Right="71" NavigateUrl="~/Default.aspx" HotSpotMode="Navigate" />
  9.                        <asp:RectangleHotSpot Top="65" Bottom="32" Left="101" Right="71" NavigateUrl="~/Cart.aspx" HotSpotMode="Navigate" />
  10.                        <asp:RectangleHotSpot Top="108" Bottom="32" Left="143" Right="71" NavigateUrl="~/Cuenta.aspx" HotSpotMode="Navigate"/>
  11.                        <asp:RectangleHotSpot Top="149" Bottom="32" Left="171" Right="71" NavigateUrl="~/Profile/Default.aspx" HotSpotMode="Navigate" />
  12.                        <asp:RectangleHotSpot Top="197" Bottom="32" Left="243" Right="71" NavigateUrl="~/Contactenos.aspx" HotSpotMode="Navigate" />
  13.                        <asp:RectangleHotSpot Top="251" Bottom="32" Left="285" Right="71" NavigateUrl="~/HelpUser.aspx" HotSpotMode="Navigate"/>
  14.                     </asp:ImageMap>                    
  15.                     <br />
  16.                     <br />                  
  17.                 </div>
  18. </div>


y el codigo del .css es:
Código CSS:
Ver original
  1. #ctl00_branding a
  2. {
  3.  
  4.     height: 120px;
  5.     width: 154px;  
  6.     text-indent: -5000px;
  7.     background: url(cab_la14_r1_c1.jpg) no-repeat;  
  8.     font-size: 2em;
  9.     float: left;
  10.     margin-left:0;
  11.     margin-right:0;
  12.     background-color:White;  
  13.        
  14. }  
  15.  
  16. #ct100_imagen
  17. {
  18.     width:100%;
  19.     border-left:0;
  20.     border-width:0;  
  21. }
  22. .Image1
  23. {  
  24.     width:250px;
  25.     height:75px;      
  26.     background-image: url(cab_la14_r1_c2.jpg)no-repeat;  
  27.     background-position:center top;
  28.     position:absolute;
  29.     float:none;  
  30.     margin-left:0;
  31.     margin-right:0;
  32.     background-color:White;  
  33. }
  34. .ImageMap1
  35. {
  36.     width:374px;
  37.     height:75px;
  38.     background-image: url(cab_la14_r1_c3.jpg)no-repeat;
  39.     background-position:right top;
  40.     background-color:White;  
  41.     position:absolute;
  42.     margin-left:0;
  43.     margin-right:0;  
  44. }

El problema es que las imagenes del div (imagen) se muestra bien en una pantalla pequeña, pero si la pantalla es mas grande queda a la mitad, no cubre el total de la pantalla.


Alguien sabe como puedo solucionar esto?

gracias

Etiquetas: pantalla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:07.