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"> 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!