Ayuda urgente... CSS

pyroCL · #1 (**permalink**) 06/08/2009, 14:53

Hola necesito urgente ayuda!

Tengo el siguiente css

Código HTML:

<style type="text/css" media="all" >
        
        *
        {
        	margin:0px;
        	padding:0px;
        }       
        html,body
        {
        	font-family:"Arial", Helvetica, sans-serif;
        	font-size:10px;
        	background-position:left;
        	background-image:url('../imagenes/bg.jpg');
        	background-repeat:repeat;
        }
               
        #contenedor
        {
        	width:800px;
            height:500px;
            text-align:center;
            top:50%;
            left:50%;
            margin-top: -250px; 
            margin-left: -400px;
            position:absolute;
        }
        
        #principal
        {
        	width:717px;
        	height:500px;
        	margin-left:40px;
        	margin-right:40px;
        	background-image: url("fondoPrincipal.png") !important;
	        background-image: none; 
	        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagenes/fondoPrincipal.png') !important;
        	background-repeat:no-repeat;
        	
        }
        
        #contenidoPrincipal
        {
        	width:710px;
        	height:493px;
        	background-color:Transparent;
        	float:left;
        	
        }
        
        #principalIzquierda
        {
        	width:710px;
        	height:400px;
        }
        
        #cabeza
        {
        	border-bottom: 3px solid #CFE2EF;
            width:529px;
        	height:50px;
        	vertical-align:middle;
        	float:right;
        	text-align:left;
        }
        
        #pie
        {
        	width:553px;
        	height:50px;
        	float:left;
        	margin-bottom:0px;
        	
        }
        
        #logo1
        {
            width:151px;
	        height:177px;
	        background-image: url("logo1.png") !important;
	        background-image: none; 
	        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagenes/logo1.png') !important;
	        position:relative;
        	background-repeat:no-repeat;
            top: -49px;
            left: 23px;
        }
      
        #logo2
        {
        	width:160px;
        	height:43px;
        	float:left;
        	background-image: url("logo2.png") !important;
	        background-image: none; 
	        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagenes/logo2.png') !important;
	        margin-left:7px;
        	text-align:center;
            float:left;
            
        }
        #ContienePD
        {
        	background-color:#E4EFF6;
            width: 736px;
            height: 541px;
            float:left;
            
        }
        
            
        .style1
        {
            font-size: small;
            font-family: "Times New Roman", Times, serif;
            font-weight: bold;
        }
                
       
    </style>

El cual ocupo asi:

Código HTML:

<body >
<form id="form1" runat="server" >
   
  <div id="contenedor">
    <div id="principal">
    
        <div id="contenidoPrincipal">
        <div id="logo2"></div>
        <div id="cabeza">
            <br />
            <span class="style1">&nbsp;&nbsp; SISTEMA DE ADMINISTRACIÓN DE CAPACITACIONES<br />
 </span></div>
        
        
        
        <div id="principalIzquierda">
            <asp:ContentPlaceHolder ID="ContenedorPrincipal" runat="server">
            </asp:ContentPlaceHolder>
              
        </div>
        
        <div id="pie">
            <asp:ContentPlaceHolder ID="ContenedorPie" runat="server">
            </asp:ContentPlaceHolder>
            
            
            
          
        </div>
        <div id="logo1"></div>
        </div>
    </div>
 </div>
 
        
</form>     
   
</body>

El problema que tengo es que ninguno de los controles asp que estan encima de la imagen principal se pueden utilizar al momento de hacer andar la página...
Están como bloqueados....

Por esto es que pido su ayuda... Que puede ser, como lo puedo arreglar?

Estoy desesperado

, por favor ayudenme... (Subiría una imágen pero no se como)

Saludos!

Edito: O por último como puedo hacer para ponerle un color de fondo solamente a la div y que esta no se agrande, es decir que al hacerlo correr mantenga el tamño que yo le estoy dando, ya que cuando le pongo un color de fondo a la div principal, se agranda y no mantiene el tamaño que yo le doy...

Por cualquiera de las dos preguntas agradecería una respuesta...

Saludos Gracias!

pyroCL · #2 (**permalink**) 07/08/2009, 12:12

Nadie sabe porque puede pasar eso con los png????

O nadie quiere responder???? Muchos de ustedes saben demasiado sobre CSS y porque nadie responde????

Saludos y Gracias por nada!

NUCKLEAR · #3 (**permalink**) 07/08/2009, 12:26

Cita:

Nadie sabe porque puede pasar eso con los png????

O nadie quiere responder???? Muchos de ustedes saben demasiado sobre CSS y porque nadie responde????

Saludos y Gracias por nada!

XD pero niño con esa actitud mucho menos te van a responder, es un foro colaborativo no una seccion de ayuda obligatoria, aca el que puede o sabe responde(y si tiene ganas) si quieres ayuda pronta y rápida, paga como lo hace la mayoría en tu situación.

PD: Entre con ganas de ayudar, pero al ver tu segundo mensaje, lo pense dos veces y mejor me lo reservo para otro día.

alexk · #4 (**permalink**) 07/08/2009, 13:58

no se entiende nada... lo que quieres, y la verdad ahora me la suda un pokito, por la manera en que te expresaste. igual esto de
"Ayuda urgente... CSS"
como que no dice nada... se mas especifico
y lo del png hasta el momento no conosco ningun hack efectivo... bueno solo uno con jquery pero nada mas chao y suerte... y mas ayuda no creo que te den

carlossc87 · #5 (**permalink**) 07/08/2009, 14:39

si no me equivoco->

en #contenedor añade z-index:10; y en #principal añade z-index:0;

estas colocando la capa contenedor por debajo de principal y bloqueas (tapas) los controles.

busca info sobre z-index y no te kedes solo con la solucion.

saludos.