Foros del Web » Creando para Internet » CSS »

Cuando?

Estas en el tema de Cuando? en el foro de CSS en Foros del Web. Cuando utiilizar las propiedades float? Cuando utilizar position relative o absolute? Gracias desde ya, es que soy novato y mi duda es esa. Saludos!...
  #1 (permalink)  
Antiguo 13/02/2009, 18:47
 
Fecha de Ingreso: febrero-2009
Mensajes: 10
Antigüedad: 8 años, 10 meses
Puntos: 0
Cuando?

Cuando utiilizar las propiedades float?
Cuando utilizar position relative o absolute?

Gracias desde ya, es que soy novato y mi duda es esa. Saludos!
  #2 (permalink)  
Antiguo 13/02/2009, 19:06
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Cuando?

pues eso depende de lo que quieras hacer, cada uno tiene su caso, por ejemplo:

si yo quiero hacer un diseño a 2 o 3 columnas lo mas practico sería que utilizar float, por ejemplo:

Código css:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Documento sin t&iacute;tulo</title>
  6. <style type="text/css">
  7. #contenedor{width:770px; height:400px; margin:0 auto;}
  8. #cabecera{widows:770px; height:80px; text-align:center; background-color:#999900;}
  9. #contenido{width:770px; height:300px;}
  10. #col_izq,#col_der{ width:100px; background-color:#999; border:1px solid #333; height:299px;}
  11. #col_izq{float:left}
  12. #col_der{float:right;}
  13. #centro{width:556px; height:299px; float:left;}
  14. #pie{width:770px; height:18px; clear:both; background-color:#333; text-align:center;}
  15. </style>
  16. </head>
  17.  
  18. <body>
  19. <div id="contenedor">
  20.     <div id="cabecera">cabera</div>
  21.     <div id="contenido">
  22.         <div id="col_izq"></div>
  23.         <div id="centro"></div>
  24.         <div id="col_der"></div>
  25.     </div>
  26.     <div id="pie">pie</div>
  27. </div>
  28. </body>
  29. </html>

y los absolutos al menos yo los uso en ocasiones especiales, ojo digo al menos yo, por ejemplo cuando quiero montar un div sobre otro o cuando quiero posicionar una caja, ahora tambien debes saber que el contenga al absoluto tiene que ser relativo, es lo que pienso yo asi tengo un mejor control sobre el:

Código css:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Documento sin t&iacute;tulo</title>
  6. <style type="text/css">
  7. #contenedor{width:770px; height:400px; margin:0 auto; position:relative; border:1px solid #333;}
  8. #cabecera{width:770px; height:100px; background-color:#00CC00;}
  9. #absoluto{width:200px; height:200px; background-color:#333; left:10&#37;;top:2%; position:absolute;}
  10. </style>
  11. </head>
  12.  
  13. <body>
  14. <div id="contenedor">
  15.     <div id="cabecera"></div>
  16.     <div id="absoluto"> </div>
  17. </div>
  18. </body>
  19. </html>

espero haberme dejado entender.
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 13/02/2009, 19:10
 
Fecha de Ingreso: febrero-2009
Mensajes: 10
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Cuando?

Si, algo he entendido..

Es que, si yo qiero hacer dos culomnas, coloca la primera con float left, y ¿puedo colocar la segunda con position relative?

Eso de superponer una caha con otra, no puedo hacerlo con margin negativos?

Gracias!
  #4 (permalink)  
Antiguo 13/02/2009, 19:17
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Cuando?

Cita:
Iniciado por kisquain Ver Mensaje
Cuando utiilizar las propiedades float?
Cuando utilizar position relative o absolute?

Gracias desde ya, es que soy novato y mi duda es esa. Saludos!
¿Cuándo? cuando hagan falta, cada una de ellas en unos pocos miles de ocasiones diferentes. Es absolutamente indeterminable caso por caso, y mucho menos hacer una relación.

willyfc ha sido muy amable en su explicación, pero... ¿realmente sabes cómo funcionan tanto el flotado como las posiciones? Si la respuesta es no o "no del todo", ¿cómo vas a saber cuándo usar cada una de ellas?
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 13/02/2009, 19:29
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Cuando?

Mik la verdad "no del todo", por eso dije varias veces al menos yo, por ejemplo no se si mi forma de ver esto sea correcta, pero yo trato de utilizar lo menos que pueda los absolutos(esto por que no los domino muy bien que digamos), por eso hago uso de ellos expresamente cuando pienso yo que los necesito. quizá me limito por no saber exactamente como funcionan

Cita:
¿Cuándo? cuando hagan falta, cada una de ellas en unos pocos miles de ocasiones diferentes. Es absolutamente indeterminable caso por caso, y mucho menos hacer una relación.
pues dandome cuenta debi solo haber escrito lo que usted puso, no lo había visto de esa manera, y pues me remito.
__________________
WFC
codigo82
  #6 (permalink)  
Antiguo 13/02/2009, 19:33
 
Fecha de Ingreso: febrero-2009
Mensajes: 10
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Cuando?

Flotado, claro que si. El div flota hacia la derecha o izquierda.

Posiciones, es en lo que quiero afirmar mis conocimientos; es decir, si yo utilizo posicion absolute la posicion del div será posicionada respecto a el punto superior izquierda del div padre. Y relative es posicionado respecto a el div que le sigue. (Creo, lo escribi tambaleando la mano esto ultimo).

El caso es que, no se cuando utilizar. Ya que si quiero colocar un menu a la derecha, justo a 10 pixeles de un logo; puedo utilizar position relative, no? O float right directamente?

Entienden? Esa es mi pregunta, muchas gracias a todos por contestarme.
  #7 (permalink)  
Antiguo 13/02/2009, 19:35
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Cuando?

willyfc: supongo que has entendido que la pregunta de si sabes cómo funcionan no era para ti, sino para kisquain, ¿no? (por si acaso, es que tu respuestsa me ha hecho dudar).
__________________
Visita mi nueva web idplus.org
  #8 (permalink)  
Antiguo 13/02/2009, 19:40
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Cuando?

pues si Mik la entendí para mí y , pero si luego de tu post me di cuenta de que era suficiente con

Cita:
¿Cuándo? cuando hagan falta, cada una de ellas en unos pocos miles de ocasiones diferentes. Es absolutamente indeterminable caso por caso, y mucho menos hacer una relación.
aunque creo trate de ser lo mas claro posible explicando de la forma que yo lo veía
__________________
WFC
codigo82
  #9 (permalink)  
Antiguo 13/02/2009, 19:40
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Cuando?

Cita:
Iniciado por kisquain Ver Mensaje
Entienden? Esa es mi pregunta, muchas gracias a todos por contestarme.
Se te entiende perfectamente, pero la respuesta es la misma:
1.- no hay una manera de determinar cuándo usar una cosa u otra; vendrá determinado por muchos factores.
2.- es necesario que entiendas perfectamente cómo funciona cada uno para poder determinar como digo en el punto uno cuándo deberás usar uno u otro.

Plantea una duda concreta y podremos aydarte a resolverla.

Echa un vistazo a esta pequeña guía (apartado 3.3.2.- Posición (la propiedad "position"), que quizá te pueda resultar útil.
__________________
Visita mi nueva web idplus.org
  #10 (permalink)  
Antiguo 13/02/2009, 19:43
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Cuando?

Cita:
Iniciado por willyfc Ver Mensaje
pues si Mik la entendí para mí
Lo siento, pero había dicho:
Cita:
willyfc ha sido muy amable en su explicación, pero...
por lo que creía que estaba claro que no me dirigía a ti.
__________________
Visita mi nueva web idplus.org
  #11 (permalink)  
Antiguo 13/02/2009, 19:49
 
Fecha de Ingreso: febrero-2009
Mensajes: 10
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Cuando?

Muchas gracias a todos, me guardare el codigo willyfc, saludos!
  #12 (permalink)  
Antiguo 13/02/2009, 19:53
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Cuando?

que bueno que te sirva de algo, pero no te limites solo a eso, por ejemplo hay medidas fijas solo para mostrar como puede llegar a funcionar, es solo un ejemplo

y revisa el vínculo que Mik te paso, si eres novato eso te ayudará mucho
__________________
WFC
codigo82
  #13 (permalink)  
Antiguo 15/02/2009, 00:41
 
Fecha de Ingreso: diciembre-2008
Ubicación: Cordoba
Mensajes: 127
Antigüedad: 9 años
Puntos: 17
Respuesta: Cuando?

y los diseños liquidos jeje o los estaticos? abro un tema nuevo..
  #14 (permalink)  
Antiguo 15/02/2009, 05:53
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Cuando?

Cita:
Iniciado por McPinkY18 Ver Mensaje
y los diseños liquidos jeje o los estaticos? abro un tema nuevo..
Si quieres obtener la misma respuesta abre un tema nuevo con la misma pregunta (por lo genérica e indeterminable, quiero decir)
__________________
Visita mi nueva web idplus.org
  #15 (permalink)  
Antiguo 15/02/2009, 06:24
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Cuando?

Cita:
Iniciado por Mikmoro Ver Mensaje
Si quieres obtener la misma respuesta abre un tema nuevo con la misma pregunta (por lo genérica e indeterminable, quiero decir)
e inédita, añadiría yo.

Saludos.

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 14:12.