Buenas,
Es la primera vez que escribo en este foro pidiendo ayuda ya que estoy haciendo mi primera web.
La duda es la siguiente:
Como puedo crear mediante div´s una caja dividida en dos partes, la parte izquierda la ocuparia completamente una imagen y la parte derecha (del mismo tamaño que la otra) tendría que estar dividida en cinco filas. Yo lo he intentado así, pero no funciona:
html:
<div id="contenedor">
<div id="izquierda"></div>
<div id="derecha">
<div id="fila"> 1 </div>
<div id="fila"> 2 </div>
<div id="fila"> 3 </div>
<div id="fila"> 4 </div>
</div>
</div>
css:
contenedor { width: 200px; height: 100px}
izquierda { width: 50%; float:left}
derecha { width: 50%; float:right}
fila {width: 100%; float:right}
Supongo que es algo muy evidente pero no lo consigo, agradecería mucho cualquier ayuda.
Muchas gracias