Posicionamiento de contenido

HackmanC · #1 (**permalink**) 23/02/2010, 21:26

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,

gerangel · #2 (**permalink**) 24/02/2010, 23:35

El problema está en el CSS, lo acabo de arreglar y funciona perfectamente quedando un resultado como la siguiente imagen:

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:relative;
top:15px;
margin-right:10px;
}
-->
</style>

Ese es el resultado que tu buscabas?

HackmanC · #3 (**permalink**) 25/02/2010, 11:28

Hola,

Gracias por responder, pero todavía no he podido resolver el problema completamente,

Cita:

Iniciado por gerangel

Ese es el resultado que tu buscabas?

Si, en parte, lo que sucede es que tengo además del objeto (el iPod), dos grupos de textos abajo. Es decir, en un grupo de texto tengo: fecha, cantidad de visitantes y usuaros; en el otro grupo de texto tengo: RSS Feeds, Feedburner y Twitter.

No sé como meter esos textos en DIV's y que el objeto (iPod) no se sobreponga a los textos, ni los textos sobre el objeto.

Gracias,