Posicionamiento con CSS

ehguacho · #1 (**permalink**) 02/08/2011, 08:44

Buenas a todos gente. Les escribo porque ando necesitando ayuda para posicionar una imagen en un sitio que estoy armando.

La unica manera que tengo de evitar el tener que partir el logo en imagenes mas pequeña es posicionarlo con CSS. El problema es que al hacerlo se ve bien en algunas maquinas y en otras no.

Por ej.: yo uso Win7 (no se si tendra algo que ver...) y se ve perfecto en todos los navegadores (IE, Chrome, Firexo 5), probé en una PC con Win7 y tambien se ve perfecto en todos los navegadores (IE, Chrome y Firefox 4). Ahora bien, cuando pruebo el sitio en una maquina con WinXP la imagen se me ve mas tirada hacia la derecha, cuando deberia verse contra el extremo superior izquierdo, es decir aparece bastante a la derecha de lo que deberia.

¿Alguien sabe a que puede deberse esto? Les dejo el codigo con el que estoy posicionando la imagen:

// CSS

Código:

.header_logo
{
     position: absolute;
	
     left: 162px;
     top: 15px;
}

// HTML

Código:

...
</head>
<body>
<div class="header_logo">
     <a href="index.php"><img src="img/header_logo.png" border="0" /></a>
</div>
<table class="tabla_cuerpo" align="center" cellpadding="5" cellspacing="0" width="1000">
     <tr>
...

Cualquier sugerencia será bienvenida y gracias a todos de antemano!

IsaBelM · #2 (**permalink**) 02/08/2011, 14:28

el SO no tiene nada que ver en todo eso. puede que el monitor tenga una resolución menor??

ehguacho · #3 (**permalink**) 02/08/2011, 18:52

sisi, puede ser. en ese caso, que es lo recomendable?

IsaBelM · #4 (**permalink**) 03/08/2011, 07:25

puedes usar unidades relativas

Cita:

el 10% en un monitor de 1280 = 128px
en uno de 1024 = 102px

amdisenoweb · #5 (**permalink**) 03/08/2011, 08:23

Según el codigo que tienes no deberia de moverse la imagen del sitio, deberia estar siempre en la misma posicion.

ehguacho · #6 (**permalink**) 03/08/2011, 10:27

Cita:

Iniciado por amdisenoweb

Según el codigo que tienes no deberia de moverse la imagen del sitio, deberia estar siempre en la misma posicion.

lo mismo pense yo. voy a probar algun otro modo de posicionamiento a ver que sale. si en una de esas logro solucionar la cuestion dejo el comentario.

ZoroRoronoa · #7 (**permalink**) 03/08/2011, 10:44

en WinXP con que browser lo viste?

con IE ??
Hay que ver la version, ya que si es una version un poco mas baja, como 6 o 7, es comun que te de errores de posicion.

Saludos.

IsaBelM · #8 (**permalink**) 03/08/2011, 13:07

Cita:

Iniciado por amdisenoweb

Según el codigo que tienes no deberia de moverse la imagen del sitio, deberia estar siempre en la misma posicion.

no es la imagen la que queda movida es el bloque div

Cita:

Iniciado por ZoroRoronoa

en WinXP con que browser lo viste?

con IE ??
Hay que ver la version, ya que si es una version un poco mas baja, como 6 o 7, es comun que te de errores de posicion.

Saludos.

insisto en que el SO no tiene nada que ver. puede haber una pequeña diferencia (1px u 2px) entre los distintos navegadores, de hecho la hay. pero no la que indica ehguacho