Hola a todos, confío en que alguien pueda echarme una mano con lo que me pasa. Como siempre, los problemas surgen al usar IE en su version 6 y 7. En Firefox el problema no ocurre.
El problema es el siguiente: Al mostrar un formulario con unos campos de texto, para poder poner el foco en uno de los campos para escribir, tengo que pinchar un trocito por encima del propio campo de texto (relamente en medio de los 2 campos puestos en columna). Si pincho en el mismo campo de texto no capta el foco.
La página que contiene al formulario está diseñada así:
Código PHP:
<div id='centrecontent'>
<p class='titulo_pagina'> . </p>
<div class='alta'>
<p>$titulo</p>
<form id='form' name='form' method='post'>
<br/>
<p class='campoalta'>Nombre <input type='text' name='nombre' value="$nombre\" /></p>
<p class='campoalta'>Apellidos <input type='text' name='apellidos' value=\"$apellidos\"/></p>
<p class='campoalta'>E-mail <input type='text' name='email' value='$email'/></p>
<p class='campoalta'>Teléfono <input type='text' name='telefono' value='$telefono'/></p>
<p class='campoalta'>Login <input type='text' name='login' value=\"$login\"/></p>
<p class='campoalta'>Password <input type='password' name='password'/></p>
<p class='campoalta'>Confirme Password <input type='password' name='password2'/></p>
<br/>
<input type='reset' name='Submit' value='Limpiar'/>
<input type='button' onClick=enviar_a('./index.php?controlador=gestion&metodo=alta_autor','2') name='Continuar' value='Continuar'/>
</form>
</div> <!-- del alta -->
</div><!--del centro-->
y la hoja de estilo (valida perfectamente en la W3C) es la siguiente:
Código PHP:
* html #centrecontent {
height:1%;
z-index: 0;
}
#centrecontent .alta{
position: relative;
background: #EEE;
color: #6381DC;
font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
width: 50%;
margin: 9% 20% 10% 20%;
padding: 30px 30px 30px 30px;
text-align: center;
border: 2px solid #FFF;
border-right-color: #CCC;
border-bottom-color:#CCC;
z-index: 0 !important;
z-index: -1;
}
#centrecontent .alta p.campoalta{
position: relative;
width: 77%;
margin: 0.5% auto;
text-align: right;
}
Espero que con estos datos sea suficiente. Si necesitáis más información la añadiré. Creo que el problema puede vernir por los padding de campoalta, pero si no los uso no queda posicionado como yo necesito. iA ver si me podéis ayudar porque ya no se qué probar ni qué leer.
Muchas gracias a todos por colaborar