este float me tiene podrido, help

SiR.CARAJ0DIDA · #1 (**permalink**) 15/08/2005, 08:50

voy a tratar de recrear con un pequeño ejemplo lo q me pasa:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<style type="text/css">
		#main	{
			width:900px;
			border:2px solid #000000;
			margin:0px auto;
			padding:0px;
		}
		#main .fixture	{
			border:1px solid #000000;
			margin:4px 4px;
			padding:0px;
			float:none; /* no flotes!!!!! */
			position:relative;
		}
		#main .fixture DIV	{
			width:200px;
			border:1px solid #000000;
			margin:2px 2px 2px 4px;
			padding:0px;
			float:left;
		}
		INPUT	{
			width:200px;
			padding:0px;
			border:0px;
		}
	</style>
</head>

<body>
<div id="main">
	<div class="fixture">
		<div><input type="text" name="" id="" value=""></div>
		<div><input type="text" name="" id="" value=""></div>
	</div>
	<div class="fixture">
		<div><input type="text" name="" id="" value=""></div>
		<div><input type="text" name="" id="" value=""></div>
	</div>
</div>
</body>
</html>

porque las 2 capas "fixture" estan una al lado de la otra?? quiero una abajo de la otra, como hago eso? ...

gracias.

damianx · #2 (**permalink**) 15/08/2005, 10:29

Hola, no se si es el resultado final que estas buscando pero con clear:both logras que no flote.

Código:

clear:both; /* no flotes!!!!! */

Espero que sea de alguna ayuda, saludos!

SiR.CARAJ0DIDA · #3 (**permalink**) 15/08/2005, 11:15

debe ser una broma, pongo clear:both y todo se me va abajo del menu izquierdo principal de la pagina que esta flotando a la izquierda en OTRO DIV, como es la cosa? cuando uno pone float, no se supone que el elemento flota con respecto a su padre contenedor??

K3NNY · #4 (**permalink**) 15/08/2005, 12:00

Probaste metiendo un <br /> entre los 2 divs?

SiR.CARAJ0DIDA · #5 (**permalink**) 15/08/2005, 12:18

es válido poner un <br> suelto en el body sin un parrafo contenedor??

bueno probe y pasa lo mismo, le tuve que sacar el clear sino era cualquier cosa, siguen estando una capa al lado de la otra y no tiene explicacion logica para mi.

K3NNY · #6 (**permalink**) 15/08/2005, 14:17

el <br /> es un salto de linea, es valido ponerlo donde se te ocurra. Otra cosa, en el ejemploq ue pusiste, los div "fixture" estan uno abajo del otro, los que flotan a la izquierda son los inputs, a los cuales no les asignaste ningun nombre. Proba haciendo un dibujo de como queres que quede termninado asi nos es mas facil decirte ocmo hacer, porque no terminod e entender que queres ;)

SiR.CARAJ0DIDA · #7 (**permalink**) 15/08/2005, 15:11

simplemente quiero que las capas fixture esten una abajo de la otra y adentro contengan los inputs (o lo que se me ocurra) flotado a la izquierda. si le digo que floten los input, porque cornos flota la capa fixture?

asi tiene que ser:

K3NNY · #8 (**permalink**) 15/08/2005, 15:22

El menu de la pagina va a tener siempre un ancho fijo?

SiR.CARAJ0DIDA · #9 (**permalink**) 15/08/2005, 16:23

el menu es universal para toda la pagina y mide 150px y anda bien en todos lados excepto en este "modulo", el top el menu y el foot se incluyen en todas las paginas. la capa contenedora es donde estan las capas grises en el dibujo, ahi siempre va todo, lo demas queda fijo.

bueno mas facil, te dejo el link a la pagina no terminada: http://www.torneosnydus.com/index.php

K3NNY · #10 (**permalink**) 15/08/2005, 16:40

Y el modulo que anda mal es...?

PD: Esta linda la pagina ;)

SiR.CARAJ0DIDA · #11 (**permalink**) 15/08/2005, 17:19

thx :D

el q trae problemas son los fixtures, pero es solo para admins..
pero con el dibujo que hice no entendiste mas o menos el problema y lo que quiero? quiero ver como harias vos lo que hice en el dibujo a ver si te sale -_-

K3NNY · #12 (**permalink**) 15/08/2005, 20:51

Estuve probando y no pude. Pasa que me es dificil trabajar sin el contenido (ademas que apenas soy un pauperrimo novato en css). La verdad ni idea che, espero que alguien ocn mas conocimientos se anime por este topic.

K3NNY · #13 (**permalink**) 15/08/2005, 20:55

Fijate si esto te ayuda...

http://www.complexspiral.com/publica...aining-floats/

SiR.CARAJ0DIDA · #14 (**permalink**) 16/08/2005, 10:05

nadie sabe q pasa??

damianx · #15 (**permalink**) 17/08/2005, 12:55

Cita:

Iniciado por SiR.CARAJ0DIDA

debe ser una broma, pongo clear:both y todo se me va abajo del menu izquierdo principal de la pagina que esta flotando a la izquierda en OTRO DIV, como es la cosa? cuando uno pone float, no se supone que el elemento flota con respecto a su padre contenedor??

Hola, si quieres envia la url o pega el codigo completo asi se puede ver bien el problema y es mas facil ecnontrar una solucion.

Saludos!

SiR.CARAJ0DIDA · #16 (**permalink**) 17/08/2005, 13:22

es que si posteo todo el codigo no van a entender nada porque hay mucho codigo php y son como 1000 lineas, en el 1er post hice un resumen de el codigo y con el dibujo creo q ya queda mas que claro lo que quiero hacer. te dejo el link si quieres pero tienes que registrarte para poder crear un fixture y editarlo (justo ahi es el prolblema)
http://www.torneosnydus.com/fixtures/

gracias

Mata24 · #17 (**permalink**) 18/08/2005, 02:53

Hola no se si he entendido muy bien el problema.

Prueba cambiando a esto

#main .fixture DIV {
width:200px;
border:1px solid #000000;
margin:2px 2px 2px 4px;
padding:0px;
display:block;
}
INPUT {
width:200px;
padding:0px;
border:0px;
float:left;
}

pon el float al input y un display:block al div no se si es lo que bsucabas ya me diras.

Am no he mirado en la web solo el codigo de arriba

Un saludoooooo

SiR.CARAJ0DIDA · #18 (**permalink**) 18/08/2005, 18:46

bue ya lo solucione poniendo una tabla de 2 celdas y adentro los divs..
pero adivinen que, en ie se ve apestoso.