Descuadre de Div,s por DOCTYPE html PUBLIC

davicito · #1 (**permalink**) 19/04/2010, 03:30

Tengo este div:

Código PHP:

  <style>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

#general{

   margin:0 auto;

   min-width:500px;

   max-width:100%;

   background-color:#999;

   min-height:30px;

   text-align:center;

}

.contenedor_opciones{

   margin:0 auto;

   width:500px;

   border:#000000 1px solid;

   min-height:30px;

   text-align:center;

}

.opciones{

   margin:0 auto;

   width:100px;

   color:#000000;

   font-weight:normal;

   font-size:12px;

   text-align:center;

   float:left;

}

 
</style>

 
<body>

<div id="general">

   <div class="contenedor_opciones">

      <div class="opciones">dgdg<br><br>adihi</div>

      <div class="opciones">fhfhdfh</div>

   </div>

</div>

</body>

El problema es que a la hora de hacer el <br>, el div contenido_opciones, no baja...

es por, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">.

¿Porque me pasa esto?No se puede remediar esto?
Que es lo que hace realmente ese codigo. ¿Se podria poner otro?

T_O_N_N_Y · #2 (**permalink**) 19/04/2010, 05:55

Es por los "float:left;" de los divs .opciones.

Además, fíjate que tienes el Doctype dentro de <style> entre otras cosas.

Un saludo.

davicito · #3 (**permalink**) 19/04/2010, 08:39

ya bueno, eso del estylo, lo puse mal sin querer aqui en foros del Web. Pero no abria otra posibilidad de hacer 2 div en uno?

jakiras · #4 (**permalink**) 20/04/2010, 14:27

Cita:

Iniciado por davicito

ya bueno, eso del estylo, lo puse mal sin querer aqui en foros del Web. Pero no abria otra posibilidad de hacer 2 div en uno?

pero a q te refieres con hacer 2 diiv en uno??
quieres decir uno al lado del otro o como ??