Tema: Cuando?
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 13/02/2009, 19:06
Avatar de willyfc
willyfc
 
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 7 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