alineacion de tabla con css

Javiglez · 04/04/2006, 09:14

Hola a todos tengo una tabla hecha dentro de una capa y mediante el css quiero darla una serie de parametros para darla una posicion en esa misma capa, tengo los parametros de la capa definidos asi y debajo los que tengo que poner para la tabla pero no me funciona ninguno de los que he probado y no se como alinearla o darla una posicion en la capa.

#Capa_formulario {
position:absolute;
width:865px;
height:395px;
z-index:11;
left: 87px;
top: 72px;
background-color: #FFFFFF;
overflow: auto;
visibility: visible;
background-image: url(../Images/web%20contacto.jpg);
}
.Capa_formulario table{

}

Gracias

Javiglez · 04/04/2006, 09:59

Para tenerlo puesto en la derecha de la capa lo tenia asi en la definicion de la tabla fuera del css <table width="400" align="right" border="0" cellpadding="0" cellspacing="10"> pero logicamente no pasa la validacion XHTML y toy todo rallado con ese problema porque no se que poner ya en el css...

SiR.CARAJ0DIDA · 04/04/2006, 11:28

posicion relativa a la capa y absoluta a la tabla, luego con top y left ubicas la tabla

Javiglez · 04/04/2006, 15:59

me imagino que diras la capa que ponga position: relative y en table absolute, pos bien no puedo cambiar la capa que la tengo en absolute porque se me mueve....no entiendo como alinear una simple tabla puede dar esos problemas....Toy desesperado.

Jorolo · 04/04/2006, 18:04

Hola a todos, hola Javiglez .

Espero que te dé ideas.

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 
<html lang='es'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>tabla absolutamente centrada</title> 
<style type='text/css'>
.centrado {
	position: absolute;
	top: 10%; left: 10%;
	width: 80%; height: 80%;
	border: 1px solid red;
	text-align: center;  }
</style> 

<div class='centrado'>
<div class='centrado'>
<table class='centrado'> 

  <tr> <td>1</td> <td>Azucar</td> <td>100</td> <td>100</td> </tr>  
  <tr> <td>2</td> <td>Aceite</td> <td>100</td> <td>200</td> </tr>  
  <tr> <td>4</td> <td>Sal</td> <td>200</td> <td>800</td> </tr>  
  <tr> <td>1</td> <td>Fruta</td> <td>100</td> <td>100</td> </tr>  

</table> </div> </div> </html>

Aunque no es la única forma de hacerlo.
http://www.forosdelweb.com/f53/centrar-verticalmente-contenido-pagina-381828/

Javiglez · 05/04/2006, 02:03

Gracias pero nada no se si es problema de la Capa q la contiene o que pero nada....