como alinear verticalmente al centro de toda la pantalla

hipopo · #1 (**permalink**) 18/05/2006, 22:06

Hola como estan, quisiera saber como lograr centrar un objeto(imagen, flash, etc) al centro de la pantalla, es decir que al redimensionar la ventana, este objeto se mantenga al centro siempre.

Horizontalmente es facil, lo se, pero verticalemente???, he intentado esto:

Código HTML:

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#0099FF">
  <tr>
    <td valign="middle"><div align="center">centro</div></td>
  </tr>
</table>

Pero solo me sale solo una linea en la parte superior del ancho de la pagina, pero de alto no. En otras ocasiones me responde ese codigo, pero solo en el IExplorer y Firebird, mas no en el Opera, sin embargo ahora eso no funciona en ninguno de los 3.

Alguna idea???

Saludos
Hipopo

monoswim · #2 (**permalink**) 19/05/2006, 06:19

Cita:

<table width="100%" border="0" height="100%">
<tr>
<td> <div align="center">sladfkjñlskfj</div></td>
</tr>
</table>

Por defoult al tener height 100% te mostrará el contenido en el centro (verticalmente) ...

Saludos

hipopo · #3 (**permalink**) 19/05/2006, 10:12

El problema es que la tabla se hace height="100%" en el editor(dreamweaver) y se puede ver, pero en el IExplorer no, porque???????????????????

Saludos

hipopo · #4 (**permalink**) 19/05/2006, 10:24

No habra una propiedad en el body para una alineacion vertical=centro o algo asi????????????????????

Es decir, deseo una tabla de 100% de ancho y 100% de alto de una sola celda y que se adapte a la pantalla del Explorer, Firefox, Opera, etc...

En teoria deberia funcionar pero no se ve en el browser como deseo

Saludos
Hipopo

hipopo · #5 (**permalink**) 19/05/2006, 11:45

Nada jossss, no amplia verticalmente la ventana, este es el link:

http://www.apdes.org/2006/test/tabla.htm

jossss · #6 (**permalink**) 19/05/2006, 12:29

Cáspitasssssss!! jaja! Pues resulta que en mi ordenador antes si funcionaba y ahora no desde luego, si le quitas el tipo de documento funciona perfectamente (eso espero... jeje)
Este creo que funciona

Cita:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
</head>

<body bgcolor="#0099FF" >
<table width="100%" border="0" height="100%">
<tr>
<td align="center" valign="middle" >knjlkjvg</td>
</tr>
</table>
</body>
</html>

Suerte de nuevo...y sorry

webosiris · #7 (**permalink**) 19/05/2006, 13:45

arggggg.... algunas cosas de los mensajes anteriores me lastiman mis ojos (medio en serio medio en broma)....

Cita:

body bgcolor="#0099FF"

... además tener un doctype válido es OBLIGATORIO... no existe "sin doctype"...

hipopo... este tema se preguntó bastante en el foro... está búsqueda te puede ser de ayuda.

Todo lo que involucre la presentación, sea tamaño, color, posición, etc. es territorio de CSS. Muevo esto a ese foro.

hipopo · #8 (**permalink**) 19/05/2006, 13:47

works so fine!!!!!
gracias josss!!!

hipopo · #9 (**permalink**) 19/05/2006, 14:17

Hola webosiris, dime que conlleva que no use doctype ????, algun problema con los buscadores???

Saludos
Hipopo

baccxus · #10 (**permalink**) 19/05/2006, 15:39

Los objetos, piliculas flash e imágenes tienen ancho y alto, y estos valores se usan para centrar de la siguiente manera:

Digamos que tienes un flash de width="500" x height="200" entonces se hace lo siguiente:

Código:

.centrarswf {
position: absolute;
top: 50%;
left; 50%;
margin-top: -100px;/*La mitad de la altura del flash*/
margin-left: -250px;}/*La mitad del ancho del flash*/

y el html

Código HTML:

<div class="centrarswf">Aqui tu flash</div>

Saludos,