Foros del Web - Ver Mensaje Individual - Que un div crezca de acuerdo a su contenido

juandedios · #4 (**permalink**) 27/04/2009, 16:27

EL HTML:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="style/stilos.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div id="pagina">
    ...
    <div id="cuerpo">
        <div id="izquierda"></div>
        <div id="centro">
            <div id="formregistro" style="margin-top: 50px">
                <span class="titulopopup">Formulario de registro</span>
                <p>
                    Ingrese sus datos en el formulario que sigue abajo. Todos los campos son obligatorios.
                </p>
                <fieldset>
                    <legend>Datos de acceso</legend>
                    <table width="100%" cellpadding="2" cellspacing="2">
                        <tr>
                            <td width="150">
                                <label for="regemail" id="label_regemail">Correo electr&oacute;nico</label>
                            </td>
                            <td id="ver_regemail">
                                <input type="text" id="regemail" size="40" />
                                <strong><div id="error_regemail"></div></strong>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="regusuario" id="label_regusuario">Nickname</label>
                            </td>
                            <td id="ver_regusuario">
                                <input type="text" id="regusuario" size="40" />
                                <strong><div id="error_regusuario"></div></strong>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="regclave" id="label_regclave">Contrase&ntilde;a</label>
                            </td>
                            <td id="ver_regclave">
                                <input type="password" id="regclave" size="40" />
                                <strong><div id="error_regclave"></div></strong>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="regrclave" id="label_regrclave">Repita la contrase&ntilde;a</label>
                            </td>
                            <td id="ver_regrclave">
                                <input type="password" id="regrclave" size="40" />
                                <strong><div id="error_regrclave"></div></strong>
                            </td>
                        </tr>
                    </table>
                </fieldset>
                
                <fieldset>
                    <legend>Datos generales</legend>
                    <table width="100%" cellpadding="2" cellspacing="2">
                        <tr>
                            <td width="150">
                                <label for="regnombre" id="label_regnombre">Nombres</label>
                            </td>
                            <td id="ver_regnombre">
                                <input type="text" id="regnombre" value="" size="40" />
                                <strong><div id="error_regnombre"></div></strong>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="regapellido" id="label_regapellido">Apellidos</label>
                            </td>
                            <td id="ver_regapellido">
                                <input type="text" id="regapellido" value="" size="40" />
                                <strong><div id="error_regapellido"></div></strong>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="regnacimiento" id="label_regnacimiento">Fecha de nacimiento</label>
                            </td>
                            <td id="ver_regnacimiento">
                                <select id="dia">
                                    <option value="" selected>D&iacute;a</option>
                                    <?php
                                    for ($d = 1; $d <= 31; $d++) {
                                        echo "<option value='".$d."'>".$d."</option>";
                                    }
                                    ?>
                                </select>
                                <select id="mes">
                                    <option value="" selected>Mes</option>
                                    <?php
                                    for ($m = 1; $m <= 12; $m++) {
                                        echo "<option value='".$m."'>".$meses[$m]."</option>";
                                    }
                                    ?>
                                </select>
                                <select id="ano">
                                    <option value="" selected>A&ntilde;o</option>
                                    <?php
                                    for ($a = 0; $a < count($anos); $a++) {
                                        echo "<option value='".$anos[$a]."'>".$anos[$a]."</option>";
                                    }
                                    ?>
                                </select>
                                <strong><div id="error_regnacimiento"></div></strong>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="regpais" id="label_regpais">Fecha de nacimiento</label>
                            </td>
                            <td id="ver_regpais">
                                <select id="regpais" style="width: 266px;">
                                    <option value="" selected>Pa&iacute;s</option>
                                </select>
                                <strong><div id="error_regpais"></div></strong>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="regciudad" id="label_regciudad">Ciudad</label>
                            </td>
                            <td id="ver_regciudad">
                                <input type="text" id="regciudad" value="" size="40" />
                                <strong><div id="error_regciudad"></div></strong>
                            </td>
                        </tr>
                    </table>
                </fieldset>
                <fieldset>
                    <legend>Tarjeta de cr&eacute;dito</legend>
                    <table width="100%" cellpadding="2" cellspacing="2">
                        <tr>
                            <td colspan="2">
                                <span style="font-weight:normal">Ingrese los datos de su tarjeta de cr&eacute;dito para efectuar los pagos de su membres&iacute;a de forma autom&aacute;tica, as&iacute; como las compras de los productos.</span>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">&nbsp;</td>
                        </tr>
                        <tr>
                            <td width="150">
                                <label for="regtarjeta" id="label_regtarjeta">Tipo de tarjeta</label>
                            </td>
                            <td id="ver_regtarjeta">
                                <input type="text" id="regtarjeta" value="" size="50" />
                                <strong><div id="error_regtarjeta"></div></strong>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="regnumero" id="label_regnumero">N&uacute;mero de tarjeta</label>
                            </td>
                            <td id="ver_regnumero">
                                <input type="text" id="regnumero" value="" size="50" />
                                <strong><div id="error_regnumero"></div></strong>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="regnombretarjeta" id="label_regnombretarjeta">Nombre en tarjeta</label>
                            </td>
                            <td id="ver_regnumero">
                                <input type="text" id="regnombretarjeta" value="" size="50" />
                                <strong><div id="error_regnombretarjeta"></div></strong>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="regdirecciontarjeta" id="label_regdirecciontarjeta">Direcci&oacute; en tarjeta</label>
                            </td>
                            <td id="ver_regdirecciontarjeta">
                                <input type="text" id="regdirecciontarjeta" value="" size="50" />
                                <strong><div id="error_regdirecciontarjeta"></div></strong>
                            </td>
                        </tr>
                    </table>
                </fieldset>
                <br />
                <table width="100%" cellpadding="2" cellspacing="2">
                    <tr>
                        <td align="center">
                            <input type="image" id="btnregistrar" src="img/btnRegistrese.gif" />
                        </td>
                    </tr>
                </table>
            </div>
            <div class="corte"></div>
        </div>
        ....
</div>
</body>
</html>