Foros del Web » Creando para Internet » CSS »

problemilla de centrado en Mac

Estas en el tema de problemilla de centrado en Mac en el foro de CSS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 10/09/2005, 09:43
Avatar de lantrax  
Fecha de Ingreso: abril-2003
Ubicación: Spain is different
Mensajes: 310
Antigüedad: 14 años, 8 meses
Puntos: 0
problemilla de centrado en Mac

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
__________________
______________________________

LaNTRaX
  #2 (permalink)  
Antiguo 10/09/2005, 13:22
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
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.
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
  #3 (permalink)  
Antiguo 11/09/2005, 10:29
Avatar de lantrax  
Fecha de Ingreso: abril-2003
Ubicación: Spain is different
Mensajes: 310
Antigüedad: 14 años, 8 meses
Puntos: 0
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
__________________
______________________________

LaNTRaX
  #4 (permalink)  
Antiguo 11/09/2005, 14:00
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
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?
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
  #5 (permalink)  
Antiguo 26/09/2005, 17:52
Avatar de lantrax  
Fecha de Ingreso: abril-2003
Ubicación: Spain is different
Mensajes: 310
Antigüedad: 14 años, 8 meses
Puntos: 0
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
__________________
______________________________

LaNTRaX
  #6 (permalink)  
Antiguo 27/09/2005, 02:53
 
Fecha de Ingreso: septiembre-2005
Mensajes: 4
Antigüedad: 12 años, 3 meses
Puntos: 0
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.
  #7 (permalink)  
Antiguo 28/09/2005, 17:59
Avatar de lantrax  
Fecha de Ingreso: abril-2003
Ubicación: Spain is different
Mensajes: 310
Antigüedad: 14 años, 8 meses
Puntos: 0
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
__________________
______________________________

LaNTRaX
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:25.