Hola a todos,
Tengo un problema, estoy haciendo una web, usando capas y tablas, el contenido que tengo en una tabla, se me sale del sitio, yo creia que eso era típico de las capas, si les pones tu el position:absolute; y las mueves, pero me está pasando con una tabla.
este es el codigo:
HTML
Código HTML:
<table class="bloque_generico" align="center" border="0" cellpadding="3" cellspacing="0"><tbody>
<tr>
<td><div align="center"><div class="titulo_bloque">Registro de Nuevo Usuario<br /><br /></div><div class="conectar" align="left">
<form class="conectar" action="index.php?accion=conectar" method="post">
<img style="cursor: help;" src="./img/ayuda.png" alt="" title="" border="0">
<input maxlenght="25" size="25" title="Nombre de Usuario" name="nombre" id="nombre" type="text"><br><br>
<img style="cursor: help;" src="./img/ayuda.png" alt="" title="" border="0">
<input maxlenght="25" size="25" title="Contraseña" name="password" id="password" type="password"><br><br>
<input id="submit" value="Aceptar" type="submit">
</form></div></div></td>
</tr>
</tbody></table> el CSS correspondiente:
Código:
body {margin:0px; font-family: Verdana, Sans-serif; background-color:#052405; background-repeat:repeat-x; background-image: url(./img/fondo_web.jpg);}
* html #containertop{behavior: url(./scripts/iepngfix.htc);}
img {vertical-align:middle;}
.conectar {height:20px; margin:0px; padding:0px;}
.bloque_generico{width:100%; font-size:10px; color:#333333; text-align:left; border-width:3px 3px 3px 3px; border-color:#9BAF36; border-style:solid; background-color:#ACCFA7;}
.titulo_bloque {text-align:center; font-family:Sans-serif, Verdana, Arial; font-weight:bold; font-size:16px; color:#333333;}
Y esto es lo que me muestra, estoy realmente sorprendido, porque llevo bastante haciendo estas cosas, y nunca me pasó nada igual......
Como podeis ver, el formulario se sale de la tabla, es algo que no llego a entender....
Parece un problema con el overflow, pero no lo encuentro, porque nisiquiera lo menciono en el css.
Un saludo
PD: Se ve exactamente igual en todos los navegadores (Opera, FF, IE), he provado a poner en las capas display:block,inline, y cosas así pero nada.....