problemilla de centrado en Mac

lantrax · #1 (**permalink**) 10/09/2005, 08:43

HOla

estoy intentando centrar verticalmente y horizontalmente una imagen en una página mediante estilos.

En PC funciona correctamente (IE, NS, FF,..) en Linux funciona (IE, NS, Mozilla, Konqueror ,...) pero en MAC no me funciona, no se centra verticalmente y el contenido me aparece arriba del todo.

alguien sabe p q???

Incluyo código qu estoy utilizando

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento sin t&iacute;tulo</title>
</head>
<style>
#capa1{
 position:absolute; 
 left:0px; 
 top:50%; 
 width:100%; 
 height:136px;
 z-index:1; 
}
</style>
<body>
<div id="capa1" >
  <div align="center"><img src="logo.jpg" width="363" height="136" /></div>
</div>


</body>
</html>

muchas gracias a todos

LaNtRaX

KnowDemon · #2 (**permalink**) 10/09/2005, 12:22

No creo que estes utilizando estilos para centrar como deseas, pues utilizas align="center" como atributo en tu div. Como todos los demás atributos presentacionales, es no recomendado.

Sería útil saber exactamente que pretendes conseguir con el centrado. De eso dependerá si la solución es adecuada o no. De cualquier manera, una forma para conseguirlo es la siguiente (aunque no estoy seguro si funciona en safari). Imagina que tu imagen es de 300x200:

img.laclase{
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 300px;
height: 200px;
margin-left: -150px; /*La mitad del ancho*/
margin-top: -100px; /*La mitad del alto*/
}

Espero que resulte claro que realiza exactamente el código.

lantrax · #3 (**permalink**) 11/09/2005, 09:29

Veamos, no es tan complicadillo....

en resumidas cuentas, necesito encontrar la forma de centrar una capa verticalmente en Macintosh.

.... (centrarla horizontalmente, ya funciona sin problemas)

la solución que me das KnowDemon, en principio me da el mismo problema que mi código, pero ahora lo estoy probando en un emulador de Mac para PC, habrá que esperar a mañana para probar in situ, ya te comentaré.

y gracias

KnowDemon · #4 (**permalink**) 11/09/2005, 13:00

He tenido problemas serios de CSS con versiones (ni tan) viejas de Konqueror, y siendo el Safari un navegador basado en su mismo motor, es posible que herede sus mismos problemas.

Versiones recientes de Konqueror no me dan problemas. La solución fácil sería esperar la salida de un Safari con motor actualizado. Me parece que los cambios en el motor del Konqueror son relevantes.

Tal vez ahí radique el problema.

Pero... ¿Exactamente para que deseas la imagen centrada en la pantalla?

lantrax · #5 (**permalink**) 26/09/2005, 16:52

Pues basicamente para eso, para que quede centrado verticalmente.

La solucion que me diste es mu buena pero sigue sin servir en Mac

No obstante encontre la solucion.... usar frames

Gracias, no obstante

Un saludo

LaNtRaX

marcosvidal · #6 (**permalink**) 27/09/2005, 01:53

Yo tampoco se para que queires todo centrado, pero una posible solucion sería usar una tabla de 3 columnas con un ancho total de 100 y y parcial, por columna, del 33% (y 34% en la columna central).

Es una solucion muy rudimentaria pero en mac funciona.

lantrax · #7 (**permalink**) 28/09/2005, 16:59

hola.

lo de centrarlo verticalmente es para que una animacion flash no me quede en la parte de arriba de la ventana. Es requisito q quede al centro.

Por cierto, lo de la tabla funciona de vicio. Gracias