Ahora no son tablas... Son <div>s

jabakero · #1 (**permalink**) 01/12/2003, 15:41

Si, ya arregle lo de las tablas...

Ahora tengo una duda...

¿Cómo centro una etiqueta <div>...?

<body bgcolor="#FFFFFF" text="#000000">
<center>
<table border="0" cellspacing="0" cellpadding="0" width="836">
<tr>
<td valign="top" colspan="4" bgcolor="ffeedd" height="159">
<center>
<font size="4" face="verdana, tahoma, arial, arial narrow, trebuchet ms" color="990000">
Espacio reservado para animacion flash.
</font>
</center>
</td>
</tr>
<TR>
<TD COLSPAN="4" HEIGHT="32"> 
</TR>
<tr>
<td width="20" rowspan=5 valign=top>
<img src="left.png" width="20" height="716">
</td>
<td colspan=2 HEIGHT="20" valign="top">
<img src="center.png" width=800 height=20>
</td>
<td width="20" rowspan=5 valign="top">
<img src="right.png" width="20" height="715">
</td>
</tr>
<tr>
<td width="550" height="313" valign="top">
<center>
<img src="LOGO3.jpg" WIDTH="500" HEIGHT="313">
</center>
</td>
<td width="250" valign="top">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" id="menuflash" width="250" height="326">
<param name="movie" value="menuflash.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="menuflash.swf" quality="high" bgcolor="#ffffff" width="250" height="326" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</object>
</td>
</tr>
<tr>
<td height="391" colspan="2" valign="top">
<div id="left layer" style="position:absolute; left:272px; top:570px; width:320px; height:320px; z-index:1; background-image: url(layerborder.gif); layer-background-image: url(layerborder.gif); border: 0px none #000000">
<img src="topleft.gif" width="320" height="70">
<div id="inner left layer" style="position:absolute; left:4px; top:74px; width:310px; height:240px; z-index:2">
<div align="left">
<font face="Tahoma, Verdana, Arial, Arial Narrow, Trebuchet MS" size="2" color="#000090">
</font>
</div>
</div>
</div>
<div id="right layer" style="position:absolute; left:655px; top:570px; width:320px; height:320px; z-index:1; background-image: url(layerborder.gif); layer-background-image: url(layerborder.gif); border: 0px none #000000">
<img src="topright.gif" width="320" height="70">
<div id="inner right layer" style="position:absolute; left:4px; top:74px; width:310px; height:240px; z-index:2">
</div>
</div>
</td>
</tr> <tr>
<td colspan="2" height="25">
<center>
<img src="copyright.jpg" width="500" height="25">
</center>
</td>
</tr>
<tr>
<td colspan="2" height="30" valign="top">
<img src="bottom.gif" height="30" width="800">
</td>
</tr>
</table>
</center>

voy a ver si se ve bien en cuanto la publique...

aqui se ve un poco mal...

Miren, yo uso una resolucion alta en mi pantalla (1280), e hice una pagina con tablas y <div>s, pero cuando la llevo a una resolucion menor (1024 y 800) se ven los layers corridos de la posicion original...

¿Me pueden ayudar a centrarlos y/o alinearlos con la tabla...?

Creo que es lo de negrilla

jabakero · #2 (**permalink**) 01/12/2003, 15:43

A ver si me explico, con un dibujito

__________
//|______|//
//|layers_|//
//|el resto|//

jabakero · #3 (**permalink**) 01/12/2003, 15:51

Asi se veia en mi casa...

Pero ahora

________
//_____//|
//__Layer|
//El resto

Gerald · #4 (**permalink**) 01/12/2003, 18:41

<div align=center>

es eso lo que quiereS?

jabakero · #5 (**permalink**) 01/12/2003, 19:09

No, parece que nunca me explico bien...

Lo que quiero es que el <div> quede en toda la mitad de la pagina, no importa la resolucion que se use

jabakero · #6 (**permalink**) 01/12/2003, 19:10

como si fuera una tabla o algo asi

tunait · #7 (**permalink**) 02/12/2003, 11:43

Hola jabakero,

mira no hace demasiado se tocó el tema en este post

http://www.forosdelweb.com/showthrea...hreadid=165383

a ver si te sirve

saludos...

cubis · #8 (**permalink**) 02/12/2003, 12:30

Eso, ese es para el IE, el otro, el del aling no sirve en IE, sirve en Mozilla y otros. :)

kemie · #9 (**permalink**) 02/12/2003, 12:57

intenta esto:
en tu css principal
body{
text-align:center;
}

y luego
<div style="margin-left:auto;margin-right:auto;">

aca hay otro ejemplo:
http://spiritual-pixel.com/there/vertical.html

JavierB · #10 (**permalink**) 02/12/2003, 13:23

Hola a todos.

En esta página hay varios ejemplos de como centrar capas:

http://www.tierradenomadas.com/tw003.phtml

Saludos,

jabakero · #11 (**permalink**) 03/12/2003, 18:18

Bueno, MUCHAS GRACIAS...

Lo que pasa es que soy medio lentito para esto...

Me toca probar y probar hasta que encuentre bien como se hace...

O si alguien desea ayudarme de una manera menos general...

Adios

jabakero · #12 (**permalink**) 03/12/2003, 18:23

A ver me explico un poco mas claro... necesito colocar el <div> dentro de una tabla...

Y que si la tabla se centra, el <div> se centre a la vez con esta...

Me explico???

O todavia no :(

kemie · #13 (**permalink**) 04/12/2003, 03:02

ok, entonces lo que tienes que hacer es quitar de tu div el codigo que le da la posicion absoluta, y solo dejar

<div id="left layer" style="width:320px; height:320px; z-index:1; background-image: url(layerborder.gif); border: 0;>

asi sin especificarle una posicion absoluta, queda donde este tu tabla

jabakero · #14 (**permalink**) 12/12/2003, 16:28

Bueno, parece que si...

Voy a ver en mi casa que tengo todo bien con las imagenes que son...

Aqui con las X que me pone el iexplore por las imagenes faltantes no me permite visualizar...

Igual muchas gracias.

Adios.

jabakero · #15 (**permalink**) 15/12/2003, 17:45

NO!!!

Porque se me desaparece???????

Ayuda por favor