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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<link rel="stylesheet" type="text/css" href="css/grid1000.css" media="all"> <link rel="stylesheet" type="text/css" href="css/reset.css" > <link rel="stylesheet" type="text/css" href="css/text.css">
<link type="text/css" href="theme/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="js/ui.core.js"></script> <script type="text/javascript" src="js/ui.tabs.js"></script> <link type="text/css" href="demos.css" rel="stylesheet" /> <script type="text/javascript"> $(function() {
$("#tabs").tabs();
});
body{
margin: 0 auto;
background-color: #ddf4c6;
}
#cabecera{
}
#fondobtns{
background: url(images/bsigue.gif) no-repeat;
margin: 0 0 0 0;/* padding: 0 0 1px 0;*/
/*background-color: #A5E124;*/
}
#bannerflash{
margin: 0 0 0 -5px;
/* margin-top: -10px;*/
}
#redes_sociales img {
padding:9px 0 0 0;
}
#txtsiguenos img{
margin: 5px 0 0 8px;
}
#txtsuscribir img{
margin: 2px 0 0 10px;
}
#txtsuscribir input{
/* margin: 0 0 0 5px;*/
}
#txttwitter img{
margin: 0 0 0 -10px;
}
#txtrss img{
margin: 0 0 0 -10px;
}
#suscrip {
color: #FFFFFF;
background-color: #666666;
border: medium dotted #666666;
}
#Suscripcion {
padding:9px 0 0 0;
}
#titu-catego img{
padding:14px 0 4px 13px;
}
#config_zona_botones{
margin:0;
/* padding:14px 0 4px 13px;*/
}
#barra_cuerpo{
/* margin: -1px 0 0 0;*/
padding:-10px 0 0 -10px;
}
#barra_menues{
background:url(images/bcat.gif) no-repeat;
margin: 0 0 0 0;
padding:0 0 0 0;
}
#barra_contenido{
background:url(images/bskina.gif) no-repeat;
overflow: auto;
margin: 0 0 0 -1px;
overflow:hidden;
}
#barra_publicidad{
background:#BDCCB3;
}
#pie-contenido{
padding:5px 0 0 0;
background:url(images/pie.gif) no-repeat;
text-align:center;
font: small-caps 0.8em/1.1em verdana;
margin: 10px 0 0 0;
}
#texts-menu li{
list-style-type: none;
margin:0 30px;
list-style-image:url(images/check_off.png);
border-bottom: 1px dashed #C6EC77;
}
#demo{
float:right;
}
<script src="scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<div id="proy-web" class="container_50"> <div id="cabecera" class="container_50"> <script type="text/javascript"> 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
</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"> <param name="movie" value="swf/head.swf" /> <param name="quality" value="high" /> <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> <div id="zona_botones" class="container_50"> <div id="config_zona_botones"> <div id="fondobtns" class="grid_17"> <div id="redes_sociales" class="grid_17"> <div id="txtsiguenos" class="grid_6 alpha"> <img src="images/siguenosen.gif" alt="Siguenos en:" /> <div id="txttwitter" class="grid_1 "> <img src="images/twiterbutton.gif" alt="Twitter" /> <div id="txtfacebook" class="grid_2 "> <img src="images/facebookbutton.gif" alt="Facebook" /> <div id="txtrss" class="grid_2 omega suffix_6"> <img src="images/rssbutton.gif" alt="RSS" /> <div id="Suscripcion" class="grid_17"> <div id="txtsuscribir" class="grid_3 alpha"> <img src="images/mail.gif" alt="Newsletter" /> <div id="txtsiguenos" class="grid_13 omega suffix_1"> <form id="form1" name="form1" method="post" action=""> <input type="text" name="txtsuscrip" id="txtsuscrip" /> <input type="submit" name="suscrip" id="suscrip" value="Suscribir" class="btnsuscrip" /> <div id="titu-catego" class="grid_14 prefix_2 suffix_1"><img class="" src="images/titucat.gif" alt="CategorÃas" /></div></div> <div id="bannerflash" class="grid_33"><img src="images/flash.gif" alt="Banner flash" /></div> <div id="barra_cuerpo" class="container_50"> <div id="barra_menues" class="grid_13"> <li>Agricultura y jardiner
Ãa
</li> <li>Alimentos y bebidas
</li> <li>Arquitectura y construcci
ón
</li> <li>Consultor
Ãa y servicios para el ambiente
</li> <li>Educaci
ón y formaci
ón
</li> <li>Embalaje y envases
</li> <li>Medios de comunicaci
ón, publicidad
</li> <li>Papeler
Ãa, oficina e imprenta
</li> <li>Organizaciones e instituciones
</li> <li>Reciclaje de residuos
</li> <li>Turismo y viajes
</li> <div id="barra_contenido" class="grid_30">
<div id="barra_publicidad" class="grid_7"> <div id="pie" class="container_50"> <div id="pie-contenido" class="grid_50"> <p><a href="#">PRESENTACI
ÓN
</a> |
<a href="#">AN
ÚNCIATE
</a> |
<a href="#">CONT
ÁCTANOS
</a><br /> <a href="#">Pol
ítica de Privacidad
</a><br />COPYRIGHT (c) 2010 Todos los Derechos Reservados
<a href="http://www.fondoverde.org">Fondo Verde
</a> 2009
</p> </div><!--FIN DE PROYECTO/-->