display:table-cell: como consigo que funcione en IE

axterixv · #1 (**permalink**) 21/02/2007, 20:20

Hola, estoy tratando de usar la propiedad display:table-cell, para colocar un texto en una posición especifica de un div, pero por alguna razón IE no me da

alguna idea?

p.d: probee la solución del faq:
h t t p : // www .forosdelweb.com/showpost.php?p=967310&postcount=50
y no quiso funcionar :(

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="h t t p : //www . w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Posicionamiento</title>
<style type="text/css">
#cabecera{display:table; width:300px; height:150px; background:red; margin:auto;}
#cabecera div{display: table-cell; vertical-align: bottom; text-align:right;}
</style>
</head>
<body>
<div id="cabecera">
<div>Texto a centrar</div>
</div>

freezer · #2 (**permalink**) 24/04/2008, 11:53

Hola.... sabes la solucion lo puedes encontrar en la siguiente direccion:

http://marcoviaweb.blogspot.com/2008/04/alineacion-vertical.html

Espero te sea de utilidad, Saludos.

carlosgctes · #3 (**permalink**) 11/08/2010, 11:15

Hola, fijate si te funciona haciendo de la siguiente forma:

<div style="display:block; border: solid 1px #999999; padding:3px">
<div style="display:block">
<div style="display:inline">Fila 1, Celda 1</div>
<div style="display:inline">Fila 1, Celda 2</div>
</div>
<div style="display:block">
<div style="display:inline">Fila 2, Celda 1</div>
<div style="display:inline">Fila 2, Celda 2</div>
</div>
</div>

Exitos, y grandes ideas.

skype: carlos.daniel.garcia1
msn: [email protected]