Simular comportamiento de una celda con CSS
Hola amigos de domestika, espero alguien me pueda ayudar.
Neceito unsar 3 o mas etiquetas DIV como culumnas o celdas de una tabla, el problema que tengo es que no puedo hacer que el contenido se centre del mismo modo que en una clasica celda de HTML.
Esto es lo maximo que he logrado con css:
http://www.paginaweb.de/danieloso/caja1.gif
Aqui el code:
<code><!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Titulo</title>
<style type="text/css">
<!--
.contenedor {
background-color: #cccccc;
border: 1px solid #000000;
padding:20px;
height: 100px;
}
.contenido {
background-color: #FFFFFF;
border: 1px solid #000000;
width: 150px;
float: left;
height: 100%;
margin-left: 10px;
padding: 5px;
}
-->
</style>
</head>
<body>
<div class="contenedor">
<div class="contenido">Una linea de texto</div>
<div class="contenido">Dos lineas de texto<br / >Dos lineas de texto</div>
<div class="contenido">Mis lineas de texto<br />Mas lineas de texto<br />Mas lineas de texto<br />Mas lineas de texto</div>
</div>
</body>
</html></code>
Esto es lo que necesito: (Esto es un montaje con photoshop)
http://www.paginaweb.de/danieloso/caja2.gif
Usuario desconocido
Gracias, eso era lo que necesitaba =)
MAAAAAAALDITO IE!!!!!!!!!!!
zigotica
http://www.w3.org/Style/Examples/007/center.html (IE no lo pilla pero otros como Moz si)