Caja css

xakkk · #1 (**permalink**) 17/07/2008, 18:28

Hola soy nuevo en css y querria saber como hacer una caja para mostrar los mensajes de foro.La caja se dividiria en dos.En la parte la izquierda mostraria el usuario y sus datos y en la parte la derecha el mensaje. Un estilo a la utilizada en este mismo foro.Venga muchas gracias

kazafun · #2 (**permalink**) 18/07/2008, 01:23

Estas muy verde, empieza con un manual de CSS, mira éste:
http://www.librosweb.es/

Raulmmmm · #3 (**permalink**) 18/07/2008, 01:28

Te lo he hecho para que se ajuste al tamaño de la pantalla, como aquí:

Pon esto entre <head> y </head>:

Código HTML:

<style type="text/css">
.dusuario { float: left; width: 20%; }
.mensaje { float: left; width: 80%; }
</style>

Y esto entre <body> y </body>:

Código HTML:

<div class="dusuario">Datos de usuario</div>
<div class="mensaje">Mensaje</div>

daPhyre · #4 (**permalink**) 18/07/2008, 11:46

Cita:

Iniciado por Raulmmmm

Pon esto entre <head> y </head>:

Código HTML:

<style type="text/css">
.dusuario { float: left; width: 20%; }
.mensaje { float: left; width: 80%; }
</style>

¿No sería mejor así?

Código HTML:

<style type="text/css">
.dusuario { float:left; width:200px; }
.mensaje {}
</style>

Que yo sepa, mensaje no debe llevar el float left, y si no se le da un width se ajusta automáticamente (Además, recordar el problema de IE que 20% + 80% = 101%)

Además, el área de los datos debería ser siempre estático, ¿No? Eso es lo que creo yo...

Raulmmmm · #5 (**permalink**) 18/07/2008, 12:36

Gracias daPhyre. Este tema lo respondí rápido porque me tenía que ir. Aun así de chiripa funciona, pruébalo en IE6.

Y tienes razón, el área de datos debería ser estática

.

xakkk · #6 (**permalink**) 19/07/2008, 08:32

Buenas. Me sigue dando problemas debido al texto que me lo distribuye mal y se me va por todos lados. Alguien sabe como arregblarlo?
MUchas gracias

Mikmoro · #7 (**permalink**) 19/07/2008, 10:50

Prueba a añadir:

.mensaje {margin-left: 20%;}

Mikel.