Este es mi primera participación en el foro, y espero poder explicarme lo mejor posible. Aclaro que mis conocimientos son algo básicos.
El problema yace que en un sector del sitio, después de una migración, es como que todo se desconfiguró, me quedaron las letras grandes, y al intentar abrir una de las páginas internas sólo me muestra la mitad, no me permite hacer scroll hasta el final de la misma.
He revisado detenidamente cada archivo que incluye la página, y todos están presentes. Busqué errores como que algunos archivos no se se hayan migrado en forma completa, pero todos los archivos tienen sus códigos completos.
Este sector del sitio es interno, o sea es un admin. Ahora el sitio en sí se ve bien, y no presenta problemas de tamaños de letras, ni de scroll.
Este sería el código fuente de una de las páginas, dado que el error se presenta en todas:
Código :
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>ADMIN</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <!-- script language="javascript" type="text/javascript" src="includes/validations.js"></script --> <script language="javascript" type="text/javascript" src="includes/functions.js"></script> </head> <body> <div id="main_container"> <div id="header"> <div id="logo"><a href="index.php" class="link1"><img src="imagenes/Logo.JPG" alt="logo"/></a></div> <br/> <br/><br/> </div> <div id="menu_top"><div style="padding-top:15px; padding-left:20px; float:left"> <a href='modulos/usuarios/index.php' class='link1' >Usuarios</a> <a href='modulos/cruceros/index.php' class='link1' >Cruceros</a> <a href='modulos/consultas/index.php' class='link1' >Consultas</a> <a href='modulos/administracion/index.php' class='link1' >Administraci�n</a> </div> <div style="float:right; margin-right: 35px; padding-top:15px;" align="right"> <form name='leng' method='POST' action='includes/switch_language.php'> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td> Usuario: <b>ADMINISTRADOR</b> </td> <!--<td> <select name='lenguaje' style='font-size:10px;' onchange='javascript: submit()'><option value='es' selected='true'>Español</option><option value='en' >Inglés</option><option value='it' >Italiano</option><option value='pt' >Portugues</option></select> </td> <td> <img src="imagenes/sitio/flechita.jpg" /> </td> <td> <a href="#" class="link2"> Preferencias</a> </td>--> <td> <img src="imagenes/sitio/flechita.jpg" /> </td> <td> <a href="http://www.sitio.com/admin/login.php?logout=1" class="link2"> Finalizar sesión</a> </td> </tr> </table> </form> </div></div> <div id="bordes"> <div id="container"> <div id="left"><br></div> <div id="contents">Bienvenido al sistema de gestión</div> </div> </div> </div> </body> </html>
Y este el código CSS
Código :
body{
text-align:center;
margin:0px 0px 0px 0px;
background-color: #6a767a;
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:100%;
width:100%;
text-align:center;
}
a{outline: none;}
img{border:0;}
form{margin:0;}
input[type="checkbox"]
{
margin-bottom:0;
margin-top:0;
margin-left:3px;
margin-right:3px;
}
input[type="radio"]
{
vertical-align:middle;
margin-bottom:3px;
margin-top:3px;
margin-left:3px;
margin-right:3px;
}
.button
{
background-image:url(../imagenes/backbutton.gif);
height:20px;
border-style:solid;
border-color:#663300;
border-width:1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px;
font-weight:bold;
}
#main_container
{
/*background-color:#ffffff;*/
margin-top:5px;
text-align:left;
width:100%;
height:100%;
margin-bottom:5px;
}
#header
{
background-image:url(../imagenes/sitio/header.jpg);
background-repeat:no-repeat;
height:106px;
width:990px;
margin-left:auto;
margin-right:auto;
}
#footer
{
background-image:url(../imagenes/footer.jpg);
background-repeat:repeat-x;
height:27px;
clear: both;
margin-left:auto;
margin-right:auto;
}
#menu_top
{
height:35px;
background-image:url(../imagenes/sitio/barra.jpg);
background-repeat:no-repeat;
text-align:left;
width:990px;
margin-left:auto;
margin-right:auto;
font-size:12px;
font-family:Arial;
font-weight:normal;
color:#252c2e;
}
/*#container
{
background-color:#ffffff;
width:990px;
margin-left:auto;
margin-right:auto;
background:url(../imagenes/sitio/contenido.jpg);
background-position:bottom;
height:616px;
background-repeat:no-repeat;
}*/
#bordes
{
z-index:-10;
width:990px;
margin-left:auto;
margin-right:auto;
overflow: hidden;
background:url(../imagenes/sitio/bordes.jpg);
background-position:bottom;
height:100%;
background-repeat:repeat-y;
}
#container
{
width:990px;
margin-left:auto;
margin-right:auto;
overflow: hidden;
background:url(../imagenes/sitio/contenido.jpg);
background-position:bottom;
min-height: 400px;
height:100%;
background-repeat:no-repeat;
padding-bottom: 50px;
}
#left
{
padding:10px;
float:left;
width:165px;
/*background-color:#8391a9;*/
height:100%;
}
#contents
{
margin-left: 20px;
height:100%;
float:left;
}
#right
{
float:right;
/*background-color:#00CC00;*/
width:175px;
}
#menu_secciones
{
}
#submenu_secciones
{
clear: both;
float: right;
}
#page_title
{
background-color: #98988d;
background-repeat:repeat-x;
font-weight:bold;
font-size:12px;
color:#ffffff;
padding:3px;
margin-bottom:7px;
text-align: left;
}
#page_subtitle
{
font-weight:bold;
font-size:10px;
color:#ffffff;
padding:3px;
border-bottom:1px dashed #CCCCCC;
}
.list_highlight
{background-color:#e4eeff;}
.list_lowlight
{background-color:#dbe4f4;}
.celda
{
border-bottom: 1px solid #979893;
}
.list
{
width:100%;
}
.list td
{
padding:3px;
}
.form
{
background-color:#dbe4f4;
}
.form td
{
text-align:left;
}
.form th
{
text-align:right;
width:10%;
}
.combo_box
{
border:1px solid #666666;
background-color:#FFFFFF;
width:350px;
height:100px;
overflow-y:hidden;
overflow-x:scroll;
}
.warn
{
font-size:9px;
color:#333333;
}
#bienvenida{
float:right;
margin-right:35px;
margin-top:55px;
font-size:14px;
font-family:
}
#logo{
float:left;
padding-top:45px;
padding-left:5px;
}
a.general_link:link {color:#333333 ; text-decoration: none; font-size:11px;}
a.general_link:visited {color:#333333; text-decoration: none; font-size:11px;}
a.general_link:hover {color:#666666; text-decoration: underline; font-size:11px;}
a.general_link2:link {color:#333333 ; text-decoration: none; font-weight:bolder;font-size:10px;}
a.general_link2:visited {color:#333333; text-decoration: none; font-weight:bolder;font-size:10px;}
a.general_link2:hover {color:#666666; text-decoration: underline; font-weight:bolder;font-size:10px;}
a.link_left_menu:link {color:#cccccc ;text-decoration: none;font-size:10px;}
a.link_left_menu:visited {color:#cccccc ;text-decoration: none;font-size:10px;}
a.link_left_menu:hover {color:#ffffff ;text-decoration: none; font-size:10px;}
a.link1:link {color:#333333 ; text-decoration: none; font-weight:normal;font-size:12px;}
a.link1:visited {color:#333333 ; text-decoration: none; font-weight:normal;font-size:12px;}
a.link1:hover {
color:#2E6021;
text-decoration: underline;
font-weight:normal;
font-size:12px;
}
a.link2:link {color:#333333 ; text-decoration: none; font-weight:bold;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
a.link2:visited {color:#333333 ; text-decoration: none; font-weight:bold;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
a.link2:hover {
color:#2E6021;
text-decoration: none;
font-weight:bold;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.link1_sel {color:#FF9900 ;text-decoration: none; font-weight:normal; font-size:12px;}
.EnglishSpanish {
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.EnglishSpanish a {
text-decoration: none;
}
.EnglishSpanish a:hover {
color: #689fcb;
text-decoration: none;
}
.EnglishOn {
color: #7d8d93;
}
.EnglishOn a {
color: #7d8d93;
}
.EnglishOff {
color: #000000;
}
.EnglishOff a {
color: #000000;
}
.SpanishOn {
color: #7d8d93;
}
.SpanishOn a {
color: #7d8d93;
}
.SpanishOff {
color: #000000;
}
.SpanishOff a {
color: #000000;
}
#a, #b{
width:150px;
}
#adelante{
postition:absolute;
width:0px;
height:0px;
z-index: 10;
}
#atras
{
postition:relative;
width:0px;
height:0px;
z-index: -10;
}
#resultado{
width:300px;
height:300px;
}
.glossymenu{
margin: 5px 0;
margin-top:10px;
padding: 0;
/*width of menu*/
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#c5c5bf;
margin-right: 35px;
font-weight:bold;
}
.glossymenu a.menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left;*/
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 10px;
text-decoration: none;
border-top:solid;
border-top-color:#666666;
border-top-width:thin;
border-top-width:1px;
border-bottom:solid;
border-bottom-color:#666666;
border-bottom-width:thin;
border-bottom-width:1px;
border-left:solid;
border-left-color:#666666;
border-left-width:thin;
border-left-width:1px;
border-right:solid;
border-right-color:#666666;
border-right-width:thin;
border-right-width:1px;
padding-bottom: 5px;
padding-top:5px;
padding-right: 10px;
background-color: #c5c5bf;
float:left;
margin-bottom: 5px;
margin-left: 3px;
cursor:pointer;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #ffffff;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
color: #ffffff;
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
border-bottom: 0px;
margin-left:0px;
paddinf-left:5px;
}
.glossymenu div.submenu ul li a{
display: block;
color: #3f3f3f;
text-decoration: none;
padding: 0px 0;
padding-left: 10px;
border-bottom:solid;
border-bottom-color:#999999;
border-bottom-width:thin;
border-bottom-width:1px;
border-left:solid;
border-left-color:#999999;
border-left-width:thin;
border-left-width:1px;
border-right:solid;
border-right-color:#999999;
border-right-width:thin;
border-right-width:1px;
}
.glossymenu div.submenu ul li a:hover{
color: #000000;
}
.LV_validation_message{
font-weight:bold;
margin:0 0 0 5px;
}
.LV_valid {
color:#00CC00;
}
.LV_invalid {
color:#CC0000;
}
.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
border: 1px solid #00CC00;
}
.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
border: 1px solid #CC0000;
}
#titulo_grande{
color:#888987;
font-size:18px;
margin-top:20px;
}
/************** page *********************/
div.page {
padding:2px 35px 5px 20px;
white-space:nowrap;
font-weight:bold;
font-size:11px;
}
div.page a:link,
div.page a:visited {
border:1px solid #ffffff;
padding:0 4px 0 4px;
text-decoration:none;
color:#000000;
}
div.page a:hover {
color:#124271;
background:#888987;
}
div.page a.active {
color:#888987;
background:#ffffff;
}
/***************** tabla **************************/
table.listing {
border-bottom:1px solid #9097A9;
padding:0;
margin:0;
border:1px solid #9097A9;
text-align:left;
}
table.listing th {
border-top:0 !important;
text-align:left;
}
table.listing th.full {
border-left:0;
border-right:0 !important;
text-align:left;
text-transform:uppercase;
text-align:left;
}
table.listing td {
background:#D8D8D8 none repeat scroll 0 0;
color:#000000;
padding:3px 5px;
}
table.listing th {
background:#98988D none repeat scroll 0 0;
color:#FFFFFF;
padding:5px;
}
/***************MENU DE TABS******************/
/* header tabs */
/*#top-navigation {
margin:0;
padding:0;
padding-left: 15px;
list-style:none;
}
#top-navigation li {
float:left;
margin:0 3px 0 0;
height:34px;
background:url(../imagenes/tab.gif) repeat-x top;
}
#top-navigation li a {
float:left;
display:block;
height:20px;
line-height:19px;
color:#606060;
padding:4px 0 0 0;
}
#top-navigation li span {
float:left;
background:url(../imagenes/tab-left.gif) no-repeat left top;
}
#top-navigation li span span {
background:url(../imagenes/tab-right.gif) no-repeat right top;
padding:7px 10px 0 10px;
}
#top-navigation li.active {
padding:0;
height:34px;
background:url(../imagenes/tab-active.gif) repeat-x top;
margin-right:2px;
}
#top-navigation li.active span {
background:url(../imagenes/tab-active-left.gif) no-repeat left top;
height:34px;
}
#top-navigation li.active span span {
background:url(../imagenes/tab-active-right.gif) no-repeat right top;
height:23px;
padding:11px 10px 0 10px;
line-height:19px;
color:#606060;
}
*/
/*******************TAB MENU********************************/
ul, li{border:0; margin:0; padding:0; list-style:none;}
ul{
border-bottom:solid 1px #DEDEDE;
height:29px;
padding-left:20px;
margin-left:6px;
margin-right: 6px;
}
li{float:left; margin-right:2px;}
.tab a:link, .tab a:visited{
background:url(../imagenes/tab-round.png) right 60px;
color:#666666;
display:block;
font-weight:bold;
height:30px;
line-height:30px;
text-decoration:none;
}
.tab a span{
background:url(../imagenes/tab-round.png) left 60px;
display:block;
height:30px;
margin-right:14px;
padding-left:14px;
}
.tab a:hover{
background:url(../imagenes/tab-round.png) right 30px;
display:block;
}
.tab a:hover span{
background:url(../imagenes/tab-round.png) left 30px;
display:block;
}
/*subtab*/
.subtab a:link, .subtab a:visited{
background:url(../imagenes/subtab-round.png) right 60px;
color:#666666;
display:block;
font-weight:bold;
height:30px;
line-height:30px;
text-decoration:none;
}
.subtab a span{
background:url(../imagenes/subtab-round.png) left 60px;
display:block;
height:30px;
margin-right:14px;
padding-left:14px;
}
.subtab a:hover{
background:url(../imagenes/subtab-round.png) right 30px;
display:block;
}
.subtab a:hover span{
background:url(../imagenes/subtab-round.png) left 30px;
display:block;
}
/* -------------------------------- */
/* ACTIVE ELEMENTS */
.active a:link, .active a:visited, .active a:visited, .active a:hover{
background:url(../imagenes/tab-round.png) right 0 no-repeat;
}
.active a span, .active a:hover span{
background:url(../imagenes/tab-round.png) left 0 no-repeat;
}
.active_subtab a:link, .active_subtab a:visited, .active_subtab a:visited, .active_subtab a:hover{
background:url(../imagenes/subtab-round.png) right 0 no-repeat;
}
.active_subtab a span, .active_subtab a:hover span{
background:url(../imagenes/subtab-round.png) left 0 no-repeat;
}Y este es el código con el cual está armada la página:
Código :
<?php
define("ROOTPATH", "");
include("includes/config.php");
logueado();
include('header.php');
?>
<div id="left"><br></div>
<div id="contents">Bienvenido al sistema de gestión</div>
<?php
include('footer.php');
?>Desde ya agradecería cualquier tipo de ayuda, porque ya llevo días y no logro dar con el problema!
