Hola,
He intentado de miles de formas y no logro mi objetivo, en base a las siguientes imágenes:
¿Como puedo hacer para obtener el resultado final, la imágen 2?
¿Que contenido va en cada DIV?
¿Como puedo dividir esa imagen con DIVs para obtener el resultado?
Agradecería que alguien me pudiera orientar en ese aspecto para salir por fin de esta duda.
Código CSS:
Ver original<style type="text/css">
<!--
div { margin: 0; padding: 0; }
body { width: 800px }
#arriba { background-color: #CCC; text-align: right; }
#abajo { background-color: #900; }
#arriba p { text-align: left; }
#arriba img { position: absolute; right: 0px }
#arriba img { position: relative; top: 160px }
-->
</style>
</head>
<body>
<div id="arriba">
<p>Registrarse - Login</p>
<form><input type="text" /><input type="button" /></form>
<img width="160" height="220" />
<p>otro texto</p>
</div>
<div id="abajo">
<p>otro texto</p>
</div>
Gracias,