problema con position: absolute

[Marsh2]

ase tiempo q estoy creando una pagina con PWG --> http://www.paginawebgratis.es/ y descubri un codigo q me servia para colocar contenido en cualkier parte de la pagina:

Código HTML:

 <div style="position: absolute; left: 10px; top: 120px;"><img
width="175" height="404" alt="Mario"
src="http://img232.imageshack.us/img232/7430/mariowu1.gif"
/></div> 

por ejemplo esta es una imagen de mario q se ve al lado isqierdo de la pagina, vean: http://grabarjuegos.es.tl/Novedades.htm
en mi PC se ve bn, pero me meti a mi web desde otros y la imagen se corre, por ejemplo se va mas para la derecha o mas para abajo y termina tapando el menu!

el editor de PWG es limitado, no puedo cambiar cualkier cosa de mi web, asi q este codigo lo puse en una de las cajas de la derecha y gracias a su funcion se sale de alli y se coloca donde esta.

con este codigo no solo e puesto la imagen de mario, tmb una de leon q esta a la derecha, el menu horizontal y varias cosas mas. si entran a mi pagina se daran cuenta q se ven corridos, y no solo en otros PC si no q cuando entro con IE (pq yo uso mozilla) tmb se corren.

ayudenme porfa, yo no se mucho de programacion y qisas el problema sea sencillo, diganme una solucion o algun codigo q peuda reemplasar a este

de antemano gracias!

[PatomaS]

Hola

No se cuantas opciones ofrezca el sistema que mencionas, pero todo lo que tienes que hacer, es modificar estos valores:

Código HTML:

left: 10px; top: 120px;

Esos valores son las coordenadas desde la izquierda y desde arriba de la pantalla y sirven para posicionar el objeto en cuestión.

Si puedes editar el código, cambia eso a valores que te agraden, si no puedes, seguramente haya un servicio de soporte el hosting que usas o un foro de ayuda y allí te pueden ayudar más específicamente.

Felicidad

[Marsh2]

creo q no me entendiste bn... los pixeles si los puse bn y en mi PC qedan posicionados bn, pero cuando entro desde otros PC o desde IE se corren, seguramente es pq no todos tienen la pantalla igual, asi q qiero saber si ay algun codigo q centre la pantalla igual para todos

[punk567]

hola, te paso un codigo CSS

body {
min-width:1250px;
_width: expression((documentElement.clientWidth <1250) ? "1250px" : "100%" ) /*IE 6*/
}

Al tener el marco de la página (el que tiene la cabezera, el menu principal a la izquierda, el contenido principal y la columna derecha) con ancho fijo (<table width="1000" ) es inevitable que al achicar el ancho de la pantalla (el viewport del navegador) los elementos absolutos se posicionen encima del marco.

este código servira para que el ancho de tu página no baje de 1250, entonces al reducir la pantalla (o en monitores chicos) aparecería una barra de scroll horizontal, una que normalmente se trata de evitar, pero en este caso te podría servir para que el macaco no se cargue el resto de la página

Saludo

[Marsh2]

punk 567 no me funciono el codigo q me diste, la pagina sige igual
no me pueden dar un codigo para q la pagina se les "centre" igual a todos?

aqi tengo una captura de como se ve en mi PC:




y en los q no funciona:



(LAS IMAGENES TRANSPARENTES LAS ABIA PUESTO EN ESE MOMENTO, NO TIENEN NADA Q VER... :P)

porfa ayudenme!!!

[Mikmoro]

Pero tu página ya sale centrada.

En las dos capturas que pones... ¿qué resolución de pantalla tienen un y otra?

La cosa es ue en la primera te caben todos los elementos como los has pensado, pero en la segunda no; no caben de ancho.

Mikel.

[Marsh2]

la primera tiene resolucion de 1280 x 1024, la segunda no toy seguro pero debe ser de 1024 x 768
aora q ya se q ese es el problema, como puedo aser para q a todos se les vea con la resolucion q tengo yo (1280 x 1024)?

graciass

[Mikmoro]

Pues es fácil: a tu contenedor principal le pones un ancho fijo de 1280px y listo. Ahora, eso sí, con cualquier resolución menor que eso aparecerá un enorme scroll horizontal, que es molestísimo, y yo al menos, o tengo mucho interés en la página o me largo rápidamente.

Mikel.

[Marsh2]

nose si en el editor de PWG se pueda aser eso, pero me puedes dar el code? ay yo veo donde lo pongo

no creo q mucha gente trabaje con monitores menores a 1280 px asi q no es problema

[Mikmoro]

Si puedes editar el html, busca en la cabecera donde pone:

body {
background-color: #4a0001;
}
y añádele un width: 1280px;

es decir, que te quede:

body {
background-color: #4a0001;
width: 1280px;
}

Mikel.

[Marsh2]

ai si me funciono, copie todo el body y lo puse en otra parte y qedo!
gracias!

[pateketrueke]

mi monitor es de 1024px, y acá... no todos tienen para uno mayor de 800x600

(accesibilidad, recuérdenla.... y si uso un navegador de texto???)

[daPhyre]

¿Por que no usan porcentajes? ¿No sería mejor?

[Mikmoro]

Yo creo que es porque en ese caso en una resolución de 1024 el contenido central no tendría prácticamente espacio al tener que mantener los dos gráficos laterales fuera de la caja central.

Mikel.