<html>
<head>
<style type="text/css">
#contenendor {
display:table;
width: 100%;
}
#row {
display: table-row; /* Define el bloque como una linea de una tabla */
margin:0px;
padding:0px;
}
#Contenido {
display: table-cell; /* Esto convierte al div en una celda de una tabla...*/
width: 140px;
background-color: green;
}
#derecho {
display: table-cell;
background-color: blue;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="row">
<div id="Contenido">Div Izquierdo</div>
<div id="derecho">
<p>Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido Div Contenido</p>
<p>Div Contenido</p>
<p>Div Contenido</p>
<p>Div Contenido</p>
</div>
</div>
</div>
</body>
</html>
Comentarios sobre la versión: Versión 1 (0)
No hay comentarios