Tema: Llenar espacio horizontal con una div de tamaño fijo y una variable
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 02/08/2011, 20:07
francap
 
Fecha de Ingreso: agosto-2010
Ubicación: Montevideo
Mensajes: 107
Antigüedad: 14 años, 3 meses
Puntos: 3
Respuesta: Llenar espacio horizontal con una div de tamaño fijo y una variable
Ya había puesto el DOCTYPE no lo puse aquí en el ejemplo.

El codigo completo es
Código HTML: 
Ver original
  1. <?php
  2. include_once("includes.php");
  3. $configSite= new SiteConfig();
  4.  
  5.  
  6. ?>
  7. <!DOCTYPE html>
  8. <!--[if lt IE 7 ]><html lang='es' class='ie6'><![endif]-->
  9. <!--[if IE 7 ]> <html lang='es' class='ie7'> <![endif]-->
  10. <!--[if IE 8 ]> <html lang='es' class='ie8'> <![endif]-->
  11. <!--[if IE 9 ]> <html lang='es' class='ie9'> <![endif]-->
  12. <!--[if (gt IE 9)|!(IE)]> <!--> <html lang='es'><!--<![endif]-->
  13.  
  14. <!--head---------------------------------------------------------------------------------------------------------------->
  15.  
  16. <head>
  17.  
  18.     <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
  19.     <title><?php $configSite->NombreSitio ?></title>
  20.     <meta name='description' content='<?php $configSite->Descripcion ?>'>
  21.  
  22.   
  23.     
  24.     <link href='template/css/template.css' type='text/css' rel='stylesheet' />
  25.     
  26.    
  27.         
  28. </head>
  29.     
  30.  <!--body-------------------------------------------------------------------------------------------------------------- -->
  31. <body>
  32.  
  33. <table width="100%"  align="center">
  34. <tr> <td align="center">
  35. <div id="contenedor">
  36.  
  37.     <div id="encabezado">
  38.         <div id="logo">
  39.             <img src="template/img/lOGO.gif" width="224px" height="152px" >
  40.         </div> 
  41.             
  42.              <div id="head2">
  43.                 <div id="destacado1">
  44.     
  45.                 </div>  
  46.                 
  47.                 <div class="separador"></div>  
  48.                 
  49.                 <div id="Buscador">
  50.     
  51.                 </div>
  52.                 <div class="separador"></div> 
  53.                 <div id="destacado2">
  54.     
  55.                 </div>
  56.             </div>
  57.     
  58.     </div>
  59. </div>
  60.     
  61.     
  62.  
  63.  
  64.  
  65.  
  66. </td></tr></table>
  67. </body>
  68.  
  69. </html>

No funciona en ie8 o inferior... si funciona en chrome y firefox.

Estoy tratando de empezar a maquetar en css. Como podrán ver en el código ya tuve que usar una tabla para centrar el contendido de la pagina. Quiero que mi web se vea en la mayor cantidad de versiones de ie posible ademas de FF y chrome. Les parece correcto maquetar con css o en mi caso será mejor volver a usar tablas?