Foros del Web » Creando para Internet » CSS »

ayuda con clear

Estas en el tema de ayuda con clear en el foro de CSS en Foros del Web. bueno mi duda es cual es realmente la funcion clear porque segun lo que estube leyendo la definicion es la siguiente "especifica si el elemento ...
  #1 (permalink)  
Antiguo 11/12/2007, 21:25
 
Fecha de Ingreso: septiembre-2007
Ubicación: El pais del oro negro
Mensajes: 96
Antigüedad: 10 años, 2 meses
Puntos: 2
ayuda con clear

bueno mi duda es cual es realmente la funcion clear porque segun lo que estube leyendo la definicion es la siguiente

"especifica si el elemento permite elementos flotantes a su lado"

clear:left --> no permite elementos flotante a su izquierda
clear:right --> no permite elementos flotantes a su derecha
clear:both --> no permite elementos flotantes a los lados
clear:none --> permite elementos flotantes

ahora porque cuando hago este ejemplo sencillo no hace lo que en teoria deberia
Código:
<html>
<head>
<style type="text/css">

#columna2 {
float:left;
width:50%;
clear:right;
}

#columna3 {
float:right;
width:30%;
}

</style>

</head>

<body>

 <div id="columna2">
Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la c2
    </div>
	
    <div id="columna3">
Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. Contenido de la columna2. 
    </div>

</body>
</html>
lo que yo no me explico si estoy diciendo a la primera columna que no permita elementos flotantes a su derecha pero cuando a proposito mando al otro elemento a flotar a su derecha este lo hace cuando en teoria no deberia ya que el clear:right hace que no haya elementos flotantes a su derecha pero no entiendo porque no hace lo que en teoria deberia ???
  #2 (permalink)  
Antiguo 11/12/2007, 23:40
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Re: ayuda con clear

si pones un elemento depsues del div columan3 cualquier sea por ejemplo un parrafo <p> ste va a quedar por debajo de las columanas 2 y 3
entoences se utiliza un clear:both; para limpiar a ambos lados y el parrafo <p> aparezca por debajo de las columasn

tanto float como position:absolute; se salen del flujo de la pagina
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 12/12/2007, 00:22
 
Fecha de Ingreso: septiembre-2007
Ubicación: El pais del oro negro
Mensajes: 96
Antigüedad: 10 años, 2 meses
Puntos: 2
Re: ayuda con clear

ummm todavio no lo capto
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 13:23.