div con float que se mete dentro

titanikoktf · #1 (**permalink**) 21/09/2009, 10:31

Hola compañeros!

Os cuento lo que me pasa hoy (todos los días tengo alguna

)

Tengo mi css con llo siguiente con lo que intento hacerme 2 cajas donde meter dentro texto y textbox y demás (por ciento C# con aspx):

#marcoizquierdo
{
float:left;
width: 757px;
height: 600px;
border:solid 1px #4a6193;
display:block;
}

#contenidoizquierdo
{
float: left;
vertical-align: middle;
display:block;
border-top: none;
margin: 20px auto auto 20px;

}
#marcoderecho
{
border:solid 1px #4a6193;
width: 300px;
height: 300px;

}
#contenidoderecho
{

font-family: "Helvetica";
font-size: 12px;
color: #4a6193;
margin: 20px auto auto 20px;
}

y en asp tengo:

Código HTML:

<form id="form1" runat="server">
    <div id="marcoizquierdo">
    <div id="contenidoizquierdo">
//Aqui en medio mogollon de txtbox y label y algun panel que no se muy bien que es?
</div>
</div>

<div id="marcoderecho">
<div id="contenidoderecho"> Esta pantalla es la encargada de gestionar todo lo relacionado
    con los usuarios.<br /> <br /> Recuerda que si el usuario pertenece a una empresa externa esta deberá de 
    estar dada de alta. Para ello tienes que usar la pantalla de gestión de empresas.
</div>
</div>
</form>

(Dejo el texto por si las etiquetas br influyen, pero entonces me estaría volviendo loco)

Pues el caso es que en IE me lo pone como yo quiero, una caja al lado de otra con el texto en medio, pero FF me mete la caja derecha dentro de la izquierda y el texto lo pone debajo de la caja izquierda!! y mira que me jode que FF me falle y IE me funcione!! Pero así es!

¿En qué la cago?

Muchas gracias de antemano y sorry por el rollo!!!

willyfc · #2 (**permalink**) 21/09/2009, 10:42

Probá de esta forma:

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>Untitled Document</title>
<style type="text/css">
#marcoizquierdo
{
float:left;
width: 757px;
height: 600px;
border:solid 1px #4a6193;
}
#marcoderecho
{
border:solid 1px #4a6193;
width: 300px;
height: 300px;
float:left;
}
.contenido{padding: 20px 0 0 20px;}
</style>
</head>
 
<body>
<form id="form1" runat="server">
    <div id="marcoizquierdo">
        <div class="contenido">
            Aqui en medio mogollon de txtbox y label y algun panel que no se muy bien que es?
        </div>
    </div>
 
    <div id="marcoderecho">
        <div class="contenido"> Esta pantalla es la encargada de gestionar todo lo relacionado
    con los usuarios.<br /> <br /> Recuerda que si el usuario pertenece a una empresa externa esta deberá de 
    estar dada de alta. Para ello tienes que usar la pantalla de gestión de empresas. Esta pantalla es la encargada de gestionar todo lo relacionado
    con los usuarios.
        </div>
    </div>
</form>
</body>
</html>