Hola amigos, tengo un pequeño problema de alineación de dos <div>. Me ocurre en
Explorer, pero en FireFox funciona perfectamente.
Tengo dos div contenidos dentro de otro. El segundo aparece, en su lugar
horizontalmente, pero el contenido se muestra verticalmente a partir de donde
acaba el otro.
Es decir, deberían aparecer alineados por la parte superior pero aparecen uno a
continuación del otro.
Por si no os aclarais, os envío dos imágenes de cómo queda y cómo debería
quedar y el código que tengo escrito.
Muchas Gracias
Dadom
CSS
-------------------
#main
{ width: 756px;
voice-family: "\"}\"";
voice-family: inherit;
width: 754px;
height: auto;
border-bottom: 0px;
border-top: 0px;
border-left: 0px;
border-right: 2px solid #e5e5e5;
background: url(images/fondo_subnav01.gif) no-repeat;
}
#subnav{
float: left;
padding: 8px;
width: 218px;
voice-family: "\"}\"";
voice-family: inherit;
width: 202px;
height: auto;
text-align: left;
font-size: 10px;
}
#content
{ float: right;
margin-left: 218px;
padding: 8px 8px 8px 8px;
width: 538px;
voice-family: "\"}\"";
voice-family: inherit;
width: 520px;
height: auto;
text-align:left;
border: 1px;
top: 0px;
vertical-align:top;
}
HTML
-----------------------
<div id="main">
<div id="subnav">
<ul>
<li>xxxxxxxxxxxxxx</li>
<li>xxxxxxxxxxxxxx</li>
<li>xxxxxxxxxxxxxx</li>
</ul>
</div>
<div id="content">
<h2><xxxxxxxxxxxxxxxxx</h2>
<p>xxxxxxxxxx </p>
<ul>
<li>xxxxxxxxxx</li>
<li>xxxxxxxxxx</li>
<li>xxxxxxxxxx</li>
<li>xxxxxxxxxx</li>
</ul>
<p>xxxxxxxxxxxxxxxx</p>
</div>
</div>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
