Hola lista: Después de haber leido varios manuales de posicionamiento con CSS me está dando un pequeño problema algo y no logro solucionarlo solo por eso acudo a ustedes. Disculpen que el correo sea un poco largo pero no tengo forma de subir el fichero a algún servidor es por ello que les copio textualmente el contenido del código HTML y el código CSS. El hecho es que es un medio modelo inventado mio y ya se darán cuenta porque lo digo. Aqui les dejo el HTML básico porque lo demas lo realiza el propio CMS (Joomla):
****************************************************************************************************************************************************** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; lang="es"> <head> <?php mosShowHead(); ?> <?php if ( $my->id ) { initEditor(); } ?> <meta http-equiv="content-type" content="text/html; <?php echo _ISO; ?>" /> <link href="<?php echo $mosConfig_live_site;?>/templates/simpro_final/css/screen_ga.css" rel="stylesheet" type="text/css" media="screen" /> <!--[if IE]> <link href="<?php echo $mosConfig_live_site;?>/templates/simpro_final/css/screen_ie.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]--> </head> <body> <div id="Contenedor"> <div id="contenedorCabecera"> <div id="topnavL"> <?php mosLoadModules ( 'user3', -1); ?> </div> <!--Cierre topnavL --> <div id="topnavR"> <ul id="topnavKeys" class="dublincore"> <li class="title"><a href="#" accesskey="6" title="Establecer como pagina de incio [ALT+6]">Inicio</a></li> <li class="title"><a href="#" accesskey="7" title="Agregar a tus favoritos [ALT+7]">Favoritos</a></li> <li class="title"><a href="#" accesskey="8" title="Envie un correo al administrador del Portal [ALT+8]">Contactarnos</a></li> <li class="title"><a href="#" accesskey="9" title="Revisar el correo de la UCI desde el Portal [ALT+9]">Correo UCI</a></li> </ul> </div> <!--Cierre topnavR --> <div id="CabeceraL"> </div> <!--Cierre CabeceraL--> <div id="CabeceraR"> <?php if ( mosCountModules( 'top' ) ) { mosLoadModules ( 'top', -2 ); } else { ?> <span class="error">Módulo Top Vacío</span> <?php } ?> </div> <!--Cierre CabeceraL--> </div> <!-- Cierre contenedorCabecera --> <div id="CabeceraB"> </div> <!-- Cierre contenedorCabecera --> <div id="Buscador"> Aqui va la feche y la hora </div> <div id="contenedorMedio"> <div id="columnaIzquierda"> <div class="inside"> <?php if ( mosCountModules("left")){ mosLoadModules('left',0); } ?> </div> </div> <div id="columnaCentral"> <div class="inside"> <?php mosMainBody(); ?> </div> </div> <div id="columnaDerecha"> <div class="inside"> <?php if ( mosCountModules("right")){ mosLoadModules('right',0); } ?> </div> </div> <div id="contenedorPieDePagina">Todos los derechos reservados © Portal del Proyecto Simuladores - UCI</div> </div> </div> <?php mosLoadModules( 'debug', -1 );?> </body> </html> *************************************************************************************************************************************** Y esto otro es el fichero CSS: *************************************************************************************************************************************** /*Portal de SIMPRO: CSS Nivel 2.0 */ html { height: 100%; color: #000; background: #E1E1E2; } body { height: 100%; color: inherit; background: #E1E1E2; font-family: tahoma, verdana, arial, helvetica, arial, "sans-serif"; font-size: .71em; padding: 0; margin-top:2px; text-align: center; /*para centrar en IE 5 o inferior*/ } /* Contiene los módulos de Joomla */ div.inside { padding: 3px; } /* Contenedor principal */ div#Contenedor { width: 760px; height: 100%; text-align: left; /*alínea a la izquierda nuevamente*/ margin: 0 auto; /*para centrar en navegadores modernos*/ position: relative; border: 1px solid #0B198C; } /* Imagen de fondo de cabeceras, headers y otros tipo: gradient_2.gif */ #CabeceraB,#contenedorPieDePagina { background: url(../../simpro_final/images/gradient_2.gif) repeat-x top left; } /* Imagen de fondo de cabeceras, headers y otros tipo: gradient_1.gif */ #Buscador, table.moduletable_calendar th, table.moduletable_busqueda th, table.moduletable_encuestas th, table.moduletable_sindicacion th, table.moduletable_online th, table.moduletable_popular th { background: url(../../simpro_final/images/gradient_1.gif) repeat-x top left; } /* Cabecera */ div#contenedorCabecera { width: 100%; clear: both; } div#CabeceraL { position: absolute; width: 569px; height: 210px; background: url(../../simpro_final/images/banner_simpro.png) no-repeat left; float: left; z-index: 1; } div#CabeceraB { position: relative; width: 760px; line-height: 36px; } div#CabeceraR { position: absolute; width: 186px; height: 153px; top: 36px; left: 570px; float: left; z-index: 1; } /* Barra de navegación superior - Pathway */ div#topnavL { position: absolute; width: 50%; top: 0; text-align: center; line-height: 33px; float: left; z-index: 2; border: 0px solid #FFA07A; } div#topnavR { position: absolute; width: 43.8%; top:0; text-align: center; line-height: 33px; left:55.5%; z-index: 2; color: #000; border: 0px solid #FFA07A; } /*Pie de pagina-> Derechos y otros*/ div#contenedorPieDePagina { clear: both; line-height: 36px; text-align: center; font-weight: bold; color: #FFFFFF; } /*Contenedor central*/ div#contenedorMedio { position: relative; width: 760px; top: 155px; height: 100%; } /*Contenedores laterales*/ div#columnaDerecha, div#columnaIzquierda { width: 25%; float: left; } /*Contenedor central*/ div#columnaCentral { width: 49%; float: left; } /*Listas no ordenadas -> toopnavL*/ ul#mainlevel-nav, ul#topnavKeys { display: inline; margin-left: 2%; padding: 0; } ul#mainlevel-nav li, ul#topnavKeys li{ display: inline; padding-left: .6em; } /* Menu de navegación superior */ ul#mainlevel-nav a:link, ul#topnavKeys a:link{ color: #FFFFFF; text-decoration: none; border-bottom:5px solid #5C7099; background: 7; } ul#mainlevel-nav a:hover, ul#topnavKeys a:hover{ border-bottom:5px solid #FFFFFF; } ul#mainlevel-nav a:visited, ul#topnavKeys a:visited{ text-decoration: none; color: #FFF; border-bottom:5px solid #E1E4F2; } /*Barra donde esta posicionado el buscador de la web*/ div#Buscador { position: relative; width: 760px; top: 155px; line-height: 25px; z-index: 0; } /*Formulario de login ubicado al lado del Banner*/ #fieldsetvBrige { padding: 5px; height: 11em; border: 1px solid #0B198C; background: #E1E4F2; } #fieldsetvBrige legend { font-weight: bold; color: #000000; border: 1px solid #0B198C; background: #FEEEEE; padding: 0px 2px 0px 2px; } #fieldsetvBrige label { display: block; text-align: left; } #fieldsetvBrige div { text-align: center; } #username, #passwd, #vBridgeSubmit { background: transparent; border: 1px solid #0B198C; color: #00000; text-indent: 4px; font-size: 100%; } #fieldsetvBrige ul { display: inline; padding: 0em .2em 0em 1em; } #fieldsetvBrige li a:link{ color:#FFFFF0; } div.moduletable { padding: 0em .2em 0em .2em; } div.moduletable h3 { background: #8f9daa; color: #333333; padding: .1em .2em .1em .5em; } /* Noticias primera plana */ table.blog { border: 0px solid #000000; } table.contentpaneopen { width: 100%; } /* Tabla contenedora del titulo de las noticias */ .contentpaneopen { border: 1px solid #435A89; } .contentpaneopen td{ text-align: justify; } /* Titulo de la notica en portada */ td.contentheading { width: 100%; padding-left: 1em; text-align: center; font-weight: bold; } span.small, td.createdate { text-align: right; font-weight: bold; } /* Fecha de las noticias */ .newsfeeddate { text-align: right; } /* Título de las noticias. No afecta al titulo del módulo "Nuevas noticias" */ .newsfeedheading { color: #00008B; } /*El cuerpo del texto de las noticias*/ .fase4rdf { text-align: justify; } /*table.moduletable_busqueda th, */.contentheading { line-height: 20px; text-align: center; color: #FFFFFF; background: #3A5284; } table.moduletable_busqueda, table.moduletable_calendar, table.moduletable_online ,table.moduletable_sindicacion { width: 100%; } table.moduletable_busqueda input { background: #F5F5FF; border: 1px solid #000000; text-indent: 4px; width: 98%; color: #000000; font-family: tahoma, verdana, arial, helvetica, arial, "sans-serif"; } /* Encuestas, Sindicacion */ table.moduletable_encuestas, table.moduletable_busqueda, table.moduletable_sindicacion, table.moduletable_online, table.moduletable_popular, table.moduletable_calendar { border: 1px solid #435A89; } table.moduletable_encuestas th, table.moduletable_busqueda th, table.moduletable_sindicacion th, table.moduletable_online th, table.moduletable_popular th, table.moduletable_calendar th { line-height: 20px; text-align: center; color: #FFFFFF; border: 1px solid #FFFFFF; } table.moduletable_encuestas input { background: #F5F5FF; border: 1px solid #000000; text-indent: 4px; color: #000000; font-family: tahoma, verdana, arial, helvetica, arial, "sans-serif"; } ************************************************************************************************************************************** El problema es que el contenedorPrincipal no me quiere meter dentro el DIV ContenderPieDePagina que forma parte de lo de adentro y no de afuera como se muestra en las imagenes. He probado poniendo el height auto y 100% pero sigue igual y cuando cambio de una pagina para otra todo el contenido se me desborda. Miren las imagenes que les dejo de ejemplo: http://img143.imageshack.us/my.php?image=height1002cl.jpg http://img101.imageshack.us/my.php?image=heightauto0jm.jpg http://img62.imageshack.us/my.php?image=noticias1005cy.jpg Espero por su ayuda y una vez mas disculpenme por el correo tan largo pero es que no tengo otra forma de hacerlo. Salu2 -- ReynierPM Moderador Lista PHPCuba https://listas.softwarelibre.cu/mailman/listinfo/php Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
