Hola.
Tengo tres columnas de texto y todo se alinea arriba, pero si en la tercera inserto una imagen en lugar de texto, el texto de la col1 y col2 baja para alinearse a la base de la imagen de la col3.
¿Porqué ocurre esto?
Os dejo el código:
Código HTML:
<head>
<style type="text/css">
<!--
#contenedor {
width: 900px;
margin: auto;
padding:0;
display: table;
}
#izquierda {
width:150px;
padding:0px;
display: table-cell;
}
#derecha{
width:250px;
padding:0px;
display: table-cell;
text-align: center;
}
#central{
width:500px;
padding: 0px;
display: table-cell;
text-align: center;
}
-->
</style>
</head>
<body>
<div id="contenedor">
<div id="izquierda">
<div> ... </div>
</div>
<div id="central">
<div> ... </div>
</div>
<div id="derecha">
<img src="imagen.jpg" width="30" height="200">
</div>
</div>
</body>
</html>