Ver Mensaje Individual
  #6 (permalink)  
Antiguo 13/01/2012, 22:35
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 6 meses
Puntos: 1567
Respuesta: Maquetación a 3 columnas

Si se puede, es el fix que habitualmente se usaba para IE6, que no respetaba el tradicional margin: 0 auto; que habitualmente usamos, pero centra horizontalmente los elementos en linea.

Para el caso que se planteó, algo asi

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9. html, body{
  10. margin:0;
  11. padding: 0;
  12. border: none;
  13. }
  14.  
  15. body{
  16. text-align: center;
  17. }
  18.  
  19. div {
  20. text-align: left;
  21. display:inline-block;
  22. }
  23.  
  24. #col1{
  25. background: green;
  26. float:left;
  27. }
  28.  
  29. #col2{
  30. width: 1024px;
  31. background: cyan;
  32. float:left;
  33. }
  34.  
  35. #col3{
  36. background: yellow;
  37. float:left;
  38. }
  39.  
  40. /*]]>*/
  41. </head>
  42. <div>
  43. <div id="col1">
  44. columna 1 xxxxxxx
  45. </div>
  46. <div id="col2">
  47. columna 2 1024px
  48. </div>
  49. <div id="col3">
  50. columna 3 xx
  51. </div>
  52. </div>
  53. </body>
  54. </html>

De todas formas está muy limitado el esquema por lo del div de 1024px

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.