Foros del Web » Creando para Internet » CSS »

Duda Sobre Posicionamiento Sencillisima

Estas en el tema de Duda Sobre Posicionamiento Sencillisima en el foro de CSS en Foros del Web. Fijaos, que no quiero nada del otro mundo: Una capa con borde, y dentro de ella, dos capas una a la izquierda, otra a la ...
  #1 (permalink)  
Antiguo 12/02/2008, 07:11
Avatar de felix_h  
Fecha de Ingreso: enero-2008
Mensajes: 5
Antigüedad: 9 años, 10 meses
Puntos: 0
Duda Sobre Posicionamiento Sencillisima

Fijaos, que no quiero nada del otro mundo: Una capa con borde, y dentro de ella, dos capas una a la izquierda, otra a la derecha, cuyo contenido es una tabla.

Para no liarme, he probado mil combinaciones haciendo referencias style, sin tener que hacer la css de momento, solo para probar.

El codigo es el siguiente
Código HTML:
<div id="Contenido" style="display: block; border: 2px solid #000;">
        <div style="float:left; width: 45%;">
              <table>
               bla bla bla
              </table>
 
        </div>

        <div style="float:right; width: 45%;">
             <table> 

             blabalba
             </table>

         </div>

</div> 


PERO NADA, las capas se colocan bien, pero NO DENTRO DE LA CAPA CONTENIDO CON SU BORDE Y TODO. SE QUEDAN POR ENCIMA, Y LA CONTENIDO ES COMO SI ESTUVIERA PUESTA DE FONDO, CON MUY POQUITO ESPACIO EN EL INTERIOR. COMO SI NO HUBIERA NADA DENTRO DE ELLA.

No se a que se debe. Aun estoy aprendiendo mucho de esto, y me falta mucho por andar.


Si alguien sabe cual puede ser la causa??? gracias de antemano
  #2 (permalink)  
Antiguo 12/02/2008, 08:14
 
Fecha de Ingreso: enero-2007
Mensajes: 157
Antigüedad: 10 años, 10 meses
Puntos: 2
Re: Duda Sobre Posicionamiento Sencillisima

los float son elementos flotantes... si pones bajo de todo, antes de cerrar la capa padre un <div style="clear:both" veras como ya sale bien. Un saludo.

Código:
<div id="Contenido" style="display: block; border: 2px solid #000;">
<div style="float:left; width: 45%;">
              <table>
               <tr><td>blabla</td></tr>
              </table>
 
        </div>

        <div style="float:right; width: 45%;">
             <table>
              <tr><td>blabla</td></tr>
             </table>

         </div>

	<div style="clear:both"></div>
</div>
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 18:01.