Foros del Web » Creando para Internet » CSS »

En firefox se altera el flujo normal del html

Estas en el tema de En firefox se altera el flujo normal del html en el foro de CSS en Foros del Web. Hola a todos. El problema que tengo es que si pongo dos capas, por ejemplo <div id="capa1"></div><div id="capa2"></div>, en firefox se me pone una encima ...
  #1 (permalink)  
Antiguo 18/12/2008, 04:19
 
Fecha de Ingreso: marzo-2005
Mensajes: 1.418
Antigüedad: 12 años, 8 meses
Puntos: 9
En firefox se altera el flujo normal del html

Hola a todos. El problema que tengo es que si pongo dos capas, por ejemplo <div id="capa1"></div><div id="capa2"></div>, en firefox se me pone una encima de la otra, cuando en realidad lo que quiero es que la segunda se situe al lado de la primera, respetando el flujo html. En IE anda como espero. Este es el código:

html
Código:
<!-- FORMULARIO DE REGISTRO -->
<div id="div_reg_form_container">
<form method="post" action="Actions/do_registration.php">
    <div id="div_user_data">
        <fieldset>
            <legend>Datos de usuario</legend>
                <div id="div_table_user_data">
                    <table class="table_group_form">
                        <tr>
                            <td class="input_label">Nombre de usuario:</td>
                            <td><input type="text" name="nickname"/></td>
                        </tr>
                        <tr>
                            <td class="input_label">Contrase&ntilde;a:</td>
                            <td><input type="password" name="password"/></td>
                        </tr>
                        <tr>
                            <td class="input_label">Repetir contrase&ntilde;a:</td>
                            <td><input type="password" name="password_confirm"/></td>
                        </tr>
                    </table>
                </div>
                <div id="div_user_data_input_info">dasdasd</div>
        </fieldset>
    </div>
    <div id="div_student_data">
        <fieldset>
            <legend>Datos de alumno</legend>
        </fieldset>
    </div>
    <div id="div_personal_data">
        <fieldset>
            <legend>Datos personales</legend>
        </fieldset>
    </div>
</form>
css
Código:
div 
{
    border: solid black 1px;
}

fieldset
{
    border: solid #336699 1px;
}

legend
{
    font-family: sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FF6600;
}

.table_group_form
{
    margin-top: 16px;
    margin-bottom: 16px;
}

.input_label
{
    font-family: sans-serif;
    font-size: 11px;
    color: #666666;
    text-align: right;
    padding-right: 10px;
    width: 160px;
}

#div_reg_form_container
{
    float: left;
    width: 70%;    
}

#div_table_user_data
{
    float: left;
    width: 50%;
}

#div_user_data_input_info
{
    position: relative;
    width: 30%;
    padding-right: 40px;
}
Las dos capas que quiero que me aparezcan situadas una al lado de la otra son div_table_user_data y div_user_data_input_info.
Saludos.
__________________
Add, never Remove
  #2 (permalink)  
Antiguo 18/12/2008, 05:01
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: En firefox se altera el flujo normal del html

Pues tienes varias opciones:
1.- ponle float left también al segundo bloque.
2.- le quitas la anchura y le das el margen que necesita
Cita:
#div_user_data_input_info {margin-left:50%;
padding-right:40px;
}
Seguro que hay más. Prueba cuál es compatible con la mayoría de navegadores.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 19/12/2008, 04:15
 
Fecha de Ingreso: marzo-2005
Mensajes: 1.418
Antigüedad: 12 años, 8 meses
Puntos: 9
Respuesta: En firefox se altera el flujo normal del html

Gracias. La primera funcionó a la perfección en Firefox y en IE. Saludos.
__________________
Add, never Remove
  #4 (permalink)  
Antiguo 20/12/2008, 04:14
 
Fecha de Ingreso: diciembre-2008
Mensajes: 1
Antigüedad: 9 años
Puntos: 0
Respuesta: En firefox se altera el flujo normal del html

gracias por su ayuda
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:42.