Les cuento de que se trata la pagina que estoy creando, es una pagina donde las personas podran comprar espacio publicitario por medio de pixeles, y he conseguido un script que me ha facilitado todo, viene con la pagina totalmente echa, pero tenia un problemita y es que cuando abria la pagina en un monitor grande no estaba sentralizada, se mostraba en la parte izquierda de la pantalla, pero ahora, gracias a la ayuda de un amigo del foro he podido centralizar la pagina, pero me falta otro detalle mas.
Solo me falta correjir un error, y es que cuando intento comprar pixeles serca de la parte izquierda de la plantilla, la imagen se muestra fuera de la plantilla, como les muestro en esta imagen..
http://www.lawebdelprogramador.com/usr/173000/173302/53f200d84d28d-1.png
Aqui les dejo una copia del codigo del style.css, espero su ayuda, ya que estoy implementando este sistema para poder generar ingresos para sustentar mis estudios y mi familia... gracias
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9pt; BACKGROUND: url(bodybg.gif) #999999; PADDING-BOTTOM: 0px; width: 989px; margin:0 auto; PADDING-TOP: 0px; FONT-FAMILY: trebuchet ms, helvetica, verdana
}
TD {
FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: trebuchet ms, helvetica, verdana
}
#pageads {
MARGIN-LEFT: auto; VERTICAL-ALIGN: top; MARGIN-RIGHT: auto; PADDING-TOP: 10px; TEXT-ALIGN: center
}
#pixels {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; LEFT: 0px; MARGIN-LEFT: auto; BORDER-LEFT: 0px; WIDTH: 1000px; MARGIN-RIGHT: auto; BORDER-BOTTOM: 0px; POSITION: relative; TOP: 0px; HEIGHT: 1000px; TEXT-ALIGN: center
}
#note {
FONT-SIZE: 8pt; BACKGROUND: #646464; MARGIN-LEFT: auto; COLOR: #999999; MARGIN-RIGHT: auto; FONT-FAMILY: trebuchet ms, arial, helvetica; TEXT-ALIGN: center
}
H1 {
MARGIN: 0px
}
H2 {
MARGIN: 0px
}
H3 {
MARGIN: 0px
}
H4 {
MARGIN: 0px
}
H5 {
MARGIN: 0px
}
H4.gold {
COLOR: #c69b1d
}
HR.c {
BORDER-RIGHT: 0px; BORDER-TOP: #bbbbbb 1px dashed; MARGIN-BOTTOM: 10px; BORDER-LEFT: 0px; WIDTH: 100%; BORDER-BOTTOM: 0px; HEIGHT: 1px; TEXT-ALIGN: center
}
#tablebreak {
BACKGROUND: #646464
}
#stat1 {
FONT-WEIGHT: bold; COLOR: #ffffff; font-size:12px
}
#grey {
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #999999
}
.red {
FONT-WEIGHT: bold; COLOR: #cc0000
}
.red2 {
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #cc0000
}
#greybold {
FONT-WEIGHT: bold; COLOR: #cccccc
}
#statgreen {
FONT-WEIGHT: bold; COLOR: #33ff00; font-size:12px;
}
#pagecontent {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #e1e1e1; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: top; WIDTH: 600px; PADDING-TOP: 10px; TEXT-ALIGN: left
}
#stats {
BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; BACKGROUND: url(statbg.gif) #646464 no-repeat; LEFT: 880px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; WIDTH: 116px; LINE-HEIGHT: 16px; PADDING-TOP: 2px; BORDER-BOTTOM: 0px; POSITION: absolute; TOP: 4px; HEIGHT: 37px; TEXT-ALIGN: center
}
#toplogo {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: #646464; LEFT: 0px; MARGIN-LEFT: auto; BORDER-LEFT: 0px; WIDTH: 1000px; MARGIN-RIGHT: auto; BORDER-BOTTOM: 0px; POSITION: relative; TOP: 0px; HEIGHT: 45px; TEXT-ALIGN: center
}
#navbar {
BORDER-RIGHT: 2px solid; BORDER-TOP: 2px solid; BACKGROUND: url(navbg.gif) #c69b1d; LEFT: auto; MARGIN-LEFT: auto; BORDER-LEFT: 2px solid; MARGIN-RIGHT: auto; BORDER-BOTTOM: 2px solid; POSITION: absolute; TOP: 45px; HEIGHT: 20px; TEXT-ALIGN: center
}
#links {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-LEFT: auto; BORDER-LEFT: 0px; WIDTH: 600px; MARGIN-RIGHT: auto; BORDER-BOTTOM: 0px; HEIGHT: 20px; TEXT-ALIGN: center
}
A {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
IMG {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
A.nav:link {
FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: none
}
A.nav:visited {
FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none
}
A.nav:hover {
TEXT-DECORATION: underline
}
A.pix:link {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
A.pix:visited {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
A.pix:hover {
BORDER-RIGHT: 5px; BORDER-TOP: 5px; BORDER-LEFT: 5px; BORDER-BOTTOM: 5px
}
A:link {
FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000099; TEXT-DECORATION: none
}
A:visited {
FONT-WEIGHT: bold; COLOR: #000099; TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
.black_simple
{
font-family: Verdana;
font-size: 11px;
color: #000000;
}
.small_black_simple
{
font-family: Verdana;
font-size: 9px;
color: #000000;
}
.black_heading
{
font-family: Verdana;
font-weight:bold;
font-size: 11px;
color: #000000;
}
.black_brown_heading
{
font-family: Verdana;
font-weight:bold;
font-size: 11px;
color: #333333;
}
.big_black_brown_heading
{
font-family: Verdana;
font-weight:bold;
font-size: 13px;
color: #333333;
}
.brown_simple
{
font-family: Verdana;
font-size: 11px;
color: #990000;
}
.gray_simple
{
font-family: Verdana;
font-size: 11px;
color: #999999;
}
.white_text_heading
{
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
}
/*
A:link {
FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: none;
}
A:visited {
FONT-WEIGHT: bold; COLOR: #000000; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline; COLOR: #FF0000; FONT-SIZE: 9pt;
}
*/
.button
{
BORDER: 2px #8496ce ridge;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
PADDING-BOTTOM: 1px;
WIDTH: auto; COLOR: #ffffff;
PADDING-TOP: 1px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #0B1A45;
}
.g {
position: absolute;
border: 0;
z-index: 3;
align: center;
}
.textbox_focus{color:#000000;border: 1px solid #FF8B2D;background-image: url('../../images/textarea_back_focus.gif')}
