Para que sirve el atributo clear.

ASYNTETYCO · #1 (**permalink**) 02/05/2008, 08:18

Alguien me puede decir, para que sirve o que es lo que hace el atributo clear y que opciones se le puede dar. Ahorita vi en un codigo que pusieron aqui que le pusieron clear a un div pie. ¿Que es el atributo clear?

Mikmoro · #2 (**permalink**) 02/05/2008, 09:47

Lo que hace es limpiar, provocar un corte e impedir que cuando tienes una caja flotada, las cosas se coloquen a su lado, es decir, como si dijeramos forzar una nueva línea o un salto de línea, obligar a que el próximo contenido se coloque debajo y no al lado.

Dime una cosa: ¿por qué preguntas eso en un hilo y luego abres otro para preguntar lo mismo? Supongo que todo el mundo vió tu pregunta en el hilo anterior, y yo mismo lo hubiera respondido ahí.

Mikel.

ASYNTETYCO · #3 (**permalink**) 02/05/2008, 18:39

No se, por que pense que era algo diferente, me confundi creo. Disculpa, entonces seria una especia de salto de pagina verda? Perfecto, lo que necesitaba, muchas gracias.

safe · #4 (**permalink**) 02/05/2008, 19:27

No, no es un salto de linea (no creo que hayas querido decir de pagina). Lo que hace el atributo clear es determinar de que lado de un elemento flotante no puede flotar otro elemento.

ASYNTETYCO · #5 (**permalink**) 02/05/2008, 19:43

Cita:

Iniciado por safe

No, no es un salto de linea (no creo que hayas querido decir de pagina). Lo que hace el atributo clear es determinar de que lado de un elemento flotante no puede flotar otro elemento.

Ah, haberlo dicho antes. Por que precisamente lo acabo de probar y no era salto de pagina. Ademas le di de atributo a mi contenedor: clear right y en Dreamweaver me sigue insertando los divs al lado. Buno atras de mis 3 columns por que? Este es mi codigo:

<body>
<div id="encabezado"><img src="OXIGENO-Encabezado.gif" width="323" height="160" /></div>
<div id="separador" style="height: 10px"></div>
<div id="columnaizq" style="width: 20%; float:left; height: 400px;"></div>
<div id="Bienvenido" style="float:left; width: 100px; height: 400px;"><img src="Bienvenido.gif" width="100" height="400" /></div>
<div id="contenedor" style="float:left; width: 600px; height:400px; background-color: #FF2222; border-left: 1px dashed #EC0000; border-right: 1px dashed #EC0000; clear:right">
Colocar aquí el contenido de la nueva etiqueta Div</div>
</body>

A este maquetado quiero insertarle un pie, pero no me lo manda hacia abajo. Ademas quiero que quede justo debajo del cuadro ese dice contenedor. Asi que tengo que insertar 2 columas antes de este seudo pie. No se si me explico. Como el titulo de este hilo dice otra cosa creo que voy a abrir un tema sobre el seudo pie que quiero hacer. Por que el atributo clear no me sirvio.

komodo · #6 (**permalink**) 04/05/2008, 04:01

Has probado con clear:both;? Yo lo utilizo y me funciona..

Un saludo!

mir_martin9 · #7 (**permalink**) 21/09/2013, 17:13

a un div con propiedad clear:both, no me permite darle margin porque?

pzin · #8 (**permalink**) 21/09/2013, 17:46

mir_martin9 es mejor que abras un tema nuevo, expliques tu problema y publiques el código relevante.