Ver Mensaje Individual
  #10 (permalink)  
Antiguo 25/08/2009, 19:11
leoncito34
 
Fecha de Ingreso: junio-2008
Mensajes: 82
Antigüedad: 15 años, 10 meses
Puntos: 2
Respuesta: Problema CSS en Firefox con Resolución 800x600

ya solucione el problema..en parte jejeje..probé modificando #page-bg y bg2 de hidden a auto y no lo tomo...asi que probé fijar el ancho de la etiqueta body y lo tomo. El problema es que esta plantilla son de ancho variables. Se puede variar el ancho desde un archivo setting sin necesidad de tocar css y al tener esta opción produce este problema en la resolución 800x600, que era un dolor de cabeza intentar solucionarlo.

Ahora surgio otro problema: paso todo el body al margen izquierdo y tiene que quedar centrado..les dejo parte del código css y a continuación parte inicial del index.php

#page-bg {overflow:hidden;}
.wrapper {position:relative;}


html {height: 100%;margin-bottom: 1px;}
body {width:979px; margin: 0;line-height: 135%;} /*aca le asigné un ancho fijo*/
form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default {font-size: 13px;}
body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}

la etiqueta body original estaba así
body {margin: 0;line-height: 135%;}

lo que hice fue asignarle un ancho fijo a la etiqueta body y de esta forma se visualiza el margen derecho en todos los navegadores con resolución de 800x600
body {width:979px; margin: 0;line-height: 135%;}

Pero ahora dejo de estar centrado y se marginó todo hacia la izquierda..probé con float y position y nada, sigue a la izquierda

agrego parte inicial del index.php

</head>
<body id="ff-<?php echo $fontfamily; ?>" class="<?php echo $fontstyle; ?> <?php echo $tstyle; ?> <?php echo $bg_style; ?> iehandle">
<div id="page-bg">
<div class="wrapper"><div id="body-left" class="png"><div id="body-right" class="png">
<!--Begin Top Bar-->
<?php if ($show_date == "true" or $show_textsizer == "true" or $this->countModules('top-left') or $this->countModules('login') or $this->countModules('top-right') or $this->countModules('syndicate')): ?>
<div id="top-bar">