Retroceder RedUSERS Foros RedUSERS Internet Webmasters consulta sobre css, tabla

Respuesta
post #1 (permalink) Antiguo 05-feb-2009, 18:46
Predeterminado consulta sobre css, tabla
Hola gente, estaba armando una tabla con css y hay algo que no puedo resolver

tengo esto:



lo que estaba intentado lograr es que el espacio gris que sobra a la derecha de las celdas se distribuya automaticamente como separacion de las celdas (o sea que forme las calles entre las columnas).. si alguien me puede ayudar por favor

Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Documento sin t&iacute;tulo</title>
<link href="aaa.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="titulo">Colocar aquí el contenido para id "titulo"</div>
<div id="contenedor">
 <div id="izq">Colocar aquí el contenido para id "izq"</div>
 <div id="cen">Colocar aquí el contenido para id "cen"</div>
 <div id="der">Colocar aquí el contenido para id "der"</div>
</div>
</body>
</html>
Código:
#contenedor {
	background-color: #CCCCCC;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 400px;
	display: tabla;
}
#titulo {
	margin-right: auto;
	margin-left: auto;
	width: 750px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}

#izq {
	width: 200px;
	display: table-cell;
	background-color: #0099FF;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
}
#cen {
	width: 200px;
	display: table-cell;
	background-color: #CC3333;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
}
#der {
	width: 200px;
	display: table-cell;
	background-color: #339933;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
}
__________________
-)
Usuario Avanzado
Fecha de Ingreso: may-07
Mensajes: 2,029
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
konzerte está desconectado
Responder Citando
post #2 (permalink) Antiguo 05-feb-2009, 22:44
Predeterminado Re: consulta sobre css, tabla
y... yo lo pondría así; lástima que no es automático:

#izq {
width: 200px;
display: table-cell;
background-color: #0099FF;
margin-right: 0px;
margin-left: 475px;
padding: 5px;
}
#cen {
width: 200px;
display: table-cell;
background-color: #CC3333;
margin-right: 0px;
margin-left: 0px;
padding: 5px;
}
#der {
width: 200px;
display: table-cell;
background-color: #339933;
margin-right: 475px;
margin-left: 0px; padding: 5px;
}
Usuario Novato
Fecha de Ingreso: ago-06
Mensajes: 123
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
matiax está desconectado
Responder Citando
post #3 (permalink) Antiguo 06-feb-2009, 16:45
Predeterminado Re: consulta sobre css, tabla
Código:
#izq {
	float:left;
	width: 200px;
	margin:0 auto;
	padding: 5px;
	background-color: #0099FF;
}
#cen {
	float:left;
	width: 200px;
	margin:0 60px;
	padding: 5px;
	background-color: #CC3333;	
}
#der {
	float:left;
	width: 200px;
	margin:0 auto;
	padding: 5px;
	background-color: #339933;	
}
__________________
pinicio.com.ar
Usuario Normal
Fecha de Ingreso: nov-03
Edad: 29
Mensajes: 271
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
r_bradbury está desconectado
Responder Citando
post #4 (permalink) Antiguo 11-feb-2009, 09:36
Predeterminado Re: consulta sobre css, tabla
gracias a ambos!.. pero me parece que en ningun caso se centran automaticamente al cambiar el ancho del conetenedor

de todas maneras tampoco es tanto trabajo andar modificandolo k

gracias de nuevo!!
__________________
-)
Usuario Avanzado
Fecha de Ingreso: may-07
Mensajes: 2,029
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
konzerte está desconectado
Responder Citando
post #5 (permalink) Antiguo 06-mar-2009, 10:00
Predeterminado Re: consulta sobre css, tabla
ten en cuenta que no es display:tablA, sino display:tablE, para futuro...
Usuario Avanzado
Fecha de Ingreso: may-03
Mensajes: 2,099
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
FuLaNo_ está desconectado
Responder Citando
Respuesta

« detectar imagen más ancha que alta | css "problema" con explorer »
Herramientas Buscar en Tema
Buscar en Tema:

Búsqueda Avanzada
Desplegado
Mode Lineal Mode Lineal

Ir al Foro

Temas Similares
Tema Autor Foro Respuestas Último mensaje
Consulta sobre NVU ferpro Webmasters 2 02-jul-2005 00:00
Consulta sobre PHP o JSP ferpro Webmasters 1 17-may-2005 00:00
Consulta sobre VPN'S ferpro Internet 1 18-mar-2004 23:00
Consulta sobre VPN'S ferpro Webmasters 1 18-mar-2004 23:00


La franja horaria es GMT -3. Ahora son las 05:33.