Tema: Urgente: Ayuda para Maquetar con GRID960 please..!!!!
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/12/2009, 15:57
Avatar de Nova
Nova
 
Fecha de Ingreso: enero-2003
Ubicación: Hyo
Mensajes: 832
Antigüedad: 21 años, 2 meses
Puntos: 1
Urgente: Ayuda para Maquetar con GRID960 please..!!!!
Hola Chicos,
La presente es para que me ayuden de suma urgencia respecto a maquetar con GRID 960 ( pero el que tengo es el grid1000).
El problema que tengo es unir 2 partes del cuerpo de la pagina web pero solo en algunos navegadores me hace caso, pero en otras no, seria de la gran ayuda de ustedes para que me echen una mano.
Gracias de antemano , muchísimas gracias.

Web: http://fondoverde.org/page-web/index.html


Por si les es mas cómodo les dejo el Index.html o sino del enlace de arriba directo a la pagina
Código HTML: 
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 lang="en">
  3. <head>
  4.  
  5. <title>Páginas Verdes : Perú</title>
  6. <link rel="stylesheet" type="text/css" href="css/grid1000.css" media="all">
  7. <link rel="stylesheet" type="text/css" href="css/reset.css" >
  8. <link rel="stylesheet" type="text/css" href="css/text.css">
  9.  
  10. <link type="text/css" href="theme/ui.all.css" rel="stylesheet" /> 
  11. <script type="text/javascript" src="jquery-1.3.2.js"></script> 
  12. <script type="text/javascript" src="js/ui.core.js"></script> 
  13. <script type="text/javascript" src="js/ui.tabs.js"></script> 
  14. <link type="text/css" href="demos.css" rel="stylesheet" /> 
  15. <script type="text/javascript"> 
  16.     $(function() {
  17.         $("#tabs").tabs();
  18.     });
  19. </script> 
  20. <style type="text/css">
  21. body{
  22. margin: 0 auto;
  23.  
  24. background-color: #ddf4c6;  
  25. }
  26. #cabecera{
  27.  
  28. }
  29. #fondobtns{
  30.     background: url(images/bsigue.gif) no-repeat;
  31.     margin: 0 0 0 0;/*  padding: 0 0 1px 0;*/
  32.     /*background-color: #A5E124;*/
  33. }
  34. #bannerflash{
  35.     margin: 0 0 0 -5px;
  36. /*  margin-top: -10px;*/
  37. }
  38. #redes_sociales img {
  39.     padding:9px 0 0 0;
  40.  
  41. }
  42. #txtsiguenos img{
  43.     margin: 5px 0 0 8px;
  44. }
  45. #txtsuscribir img{
  46.     margin: 2px 0 0 10px;
  47. }
  48. #txtsuscribir input{
  49. /*  margin: 0 0 0 5px;*/
  50.     
  51. }
  52. #txttwitter img{
  53.     margin: 0 0 0 -10px;
  54. }
  55. #txtrss img{
  56.     margin: 0 0 0 -10px;
  57. }
  58. #suscrip {
  59.     color: #FFFFFF;
  60.     background-color: #666666;
  61.     border: medium dotted #666666;
  62. }
  63. #Suscripcion {
  64.     padding:9px 0 0 0;
  65. }
  66. #titu-catego img{
  67.     padding:14px 0 4px 13px;
  68. }
  69. #config_zona_botones{
  70.     margin:0;
  71. /*  padding:14px 0 4px 13px;*/
  72. }
  73. #barra_cuerpo{
  74. /*  margin: -1px 0 0 0;*/
  75.     padding:-10px 0 0 -10px;
  76. }
  77. #barra_menues{
  78.     background:url(images/bcat.gif) no-repeat;
  79.     margin: 0 0 0 0;
  80.     padding:0 0 0 0;
  81. }
  82. #barra_contenido{
  83.     background:url(images/bskina.gif) no-repeat;
  84.     overflow: auto;
  85.     margin: 0 0 0 -1px;
  86.     overflow:hidden;
  87. }
  88. #barra_publicidad{
  89.     background:#BDCCB3;
  90. }
  91. #pie-contenido{
  92.     padding:5px 0 0 0;
  93.     background:url(images/pie.gif) no-repeat;
  94.     text-align:center;
  95.     font:  small-caps 0.8em/1.1em verdana;
  96.     margin: 10px 0 0 0;
  97. }
  98.  
  99. #texts-menu li{
  100.     list-style-type: none;
  101.     margin:0 30px; 
  102.     list-style-image:url(images/check_off.png);
  103.     border-bottom: 1px dashed #C6EC77;
  104. }
  105. #demo{
  106.     float:right;
  107. }
  108. </style>
  109. <script src="scripts/AC_RunActiveContent.js" type="text/javascript"></script>
  110. </head>
  111.  
  112. <body>
  113. <div id="proy-web" class="container_50">
  114.     <div id="cabecera" class="container_50"> 
  115.         <div id="bn_flash">
  116.           <script type="text/javascript">
  117. AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','height','267','src','swf/head','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','swf/head' ); //end AC code
  118. </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1000" height="267">
  119.             <param name="movie" value="swf/head.swf" />
  120.             <param name="quality" value="high" />
  121.             <embed src="swf/head.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1000" height="267"></embed>
  122.           </object>
  123.         </noscript></div>
  124.       <div class="clear"></div>
  125.     </div>
  126.     <div id="zona_botones" class="container_50">
  127.     <div id="config_zona_botones">
  128.         <div id="fondobtns" class="grid_17">
  129.             <div id="redes_sociales" class="grid_17">
  130.                 <div id="txtsiguenos" class="grid_6 alpha">
  131.                     <img src="images/siguenosen.gif" alt="Siguenos en:" />
  132.                 </div>             
  133.                 <div id="txttwitter" class="grid_1 ">
  134.                     <img src="images/twiterbutton.gif" alt="Twitter" />
  135.                 </div>
  136.                 <div id="txtfacebook" class="grid_2 ">
  137.                     <img src="images/facebookbutton.gif" alt="Facebook" />
  138.                 </div>
  139.                 <div id="txtrss" class="grid_2 omega suffix_6">
  140.                     <img src="images/rssbutton.gif" alt="RSS" />
  141.                 </div>
  142.             <div class="clear"></div>
  143.             </div><br /><br />
  144.             <div id="Suscripcion" class="grid_17">
  145.                 <div id="txtsuscribir" class="grid_3 alpha">
  146.                     <img src="images/mail.gif" alt="Newsletter" />
  147.                 </div>
  148.                 <div id="txtsiguenos" class="grid_13  omega suffix_1">
  149.                   <form id="form1" name="form1" method="post" action="">
  150.                           <input type="text" name="txtsuscrip" id="txtsuscrip" />
  151.                           <input type="submit" name="suscrip" id="suscrip" value="Suscribir" class="btnsuscrip" />
  152.                   </form>
  153.                 </div>
  154.                 <div class="clear"></div>
  155.             </div>
  156.             <div id="titu-catego" class="grid_14 prefix_2 suffix_1"><img class="" src="images/titucat.gif" alt="Categorías" /></div></div>
  157.       </div>
  158.         <div id="bannerflash" class="grid_33"><img src="images/flash.gif" alt="Banner flash" /></div>
  159.         <div class="clear"></div>
  160.     </div>
  161. </div>
  162.     <div id="barra_cuerpo" class="container_50">    
  163.         <div id="barra_menues" class="grid_13">
  164.           <ul id="texts-menu">
  165.                 <li>Agricultura y jardinería</li>
  166.                 <li>Agua</li>
  167.                 <li>Alimentos y bebidas</li>
  168.                 <li>Arquitectura y construcción</li>
  169.                 <li>Animales</li>
  170.                 <li>Artesania</li>
  171.                 <li>Consultoría y servicios para el ambiente</li>
  172.                 <li>Educación y formación</li>
  173.                 <li>Embalaje y envases</li>
  174.                 <li>Energía</li>
  175.                 <li>Finanzas</li>
  176.                 <li>Hogar</li>
  177.                 <li>Limpieza</li>
  178.                 <li>Madera</li>
  179.                 <li>Medios de comunicación, publicidad</li>
  180.                 <li>Moda, textiles</li>
  181.                 <li>Papelería, oficina e imprenta</li>
  182.                 <li>Organizaciones e instituciones</li>
  183.                 <li>Reciclaje de residuos</li>
  184.                 <li>Restaurantes</li>
  185.                 <li>Salud y belleza</li>
  186.                 <li>Transporte</li>
  187.                 <li>Turismo y viajes</li>            
  188.           </ul>
  189.         </div>
  190.     <div id="barra_contenido" class="grid_30">
  191.  
  192.     </div>        
  193.     <div id="barra_publicidad" class="grid_7">
  194.       <p> publi</p>
  195.         <p>dfgfd</p>
  196.         <p>g</p>
  197.         <p>dfg</p>
  198.         <p>&nbsp;</p>
  199.         <p>dfg</p>
  200.         <p>dfgdfg</p>
  201.         <p>fdg</p>
  202.         <p>fd</p>
  203.         <p>g</p>
  204.         <p>dfg</p>
  205.         <p>fdgdg</p>
  206.     </div>        
  207.         <div class="clear"></div>        
  208.   </div>
  209.     <div id="pie" class="container_50">    
  210.         <div id="pie-contenido" class="grid_50">
  211.         <p><a href="#">PRESENTACI&Oacute;N</a> | <a href="#">AN&Uacute;NCIATE</a> | <a href="#">CONT&Aacute;CTANOS</a><br /> <a href="#">Pol&iacute;tica de Privacidad</a><br />COPYRIGHT (c) 2010 Todos los Derechos Reservados <a  href="http://www.fondoverde.org">Fondo Verde</a> 2009</p>
  212.         </div>
  213.         <div class="clear"></div>
  214.     </div>    
  215. </div><!--FIN DE PROYECTO/-->
  216. </body>
  217. </html>
__________________
http://about.me/jemano