Foros del Web » Creando para Internet » CSS »

[AYUDA] Problema al agregar texto en web CSS

Estas en el tema de [AYUDA] Problema al agregar texto en web CSS en el foro de CSS en Foros del Web. Buenas, tengo un problema y es que tengo el diseño todo hecho en photoshop y pasado a CSS, ahora si, tengo un div para poner ...
  #1 (permalink)  
Antiguo 26/03/2010, 17:00
Avatar de Masato  
Fecha de Ingreso: junio-2009
Mensajes: 17
Antigüedad: 14 años, 9 meses
Puntos: 0
Pregunta [SOLUCIONADO] Problema al agregar texto en web CSS

Buenas, tengo un problema y es que tengo el diseño todo hecho en photoshop y pasado a CSS, ahora si, tengo un div para poner noticias y otro para poner un menú, pero el problema es que no se desplazan (alargan) según el texto que tenga :S

Acá dejo el CSS:

Código CSS:
Ver original
  1. body {
  2.  text-align: center;
  3.  background-color:#000000;
  4.  color: #000000;
  5. }
  6. #contenedor {
  7.  width: 780px;
  8.  margin: auto;
  9. }
  10. #header {
  11.  width: 776px;
  12.  height: 88px;
  13.  background: url('header.gif') no-repeat;
  14. }
  15. #barra_01 {
  16.  width: 18px;
  17.  height: 240px;
  18.  background: url('barra_02.gif') repeat-y;
  19.  float: left;
  20. }
  21. #contenido {
  22.  width: 546px;
  23.  background: url('contenido.gif') repeat;
  24.  float: left;
  25.  text-align: left;
  26.  vertical-align: text-top;
  27. }
  28. #barra_02 {
  29.  width: 25px;
  30.  height: 240px;
  31.  background: url('barra_03.gif') repeat-y;
  32.  float: left;
  33. }
  34. #menu {
  35.  width: 174px;
  36.  background: url('menu.gif') repeat;
  37.  float: left;
  38.  text-align: left;
  39.  vertical-align: text-top;
  40. }
  41. #barra_03 {
  42.  width: 13px;
  43.  height: 240px;
  44.  background: url('barra_04.gif') repeat-y;
  45.  float: left;
  46. }
  47. #footer {
  48.  width: 776px;
  49.  height: 48px;
  50.  background: url('footer.gif') no-repeat;
  51.  float:left;
  52.  clear: both;
  53.  text-align: left;
  54.  margin: auto;
  55. }

index.php
Código HTML:
Ver original
  1. <link rel="stylesheet" type="text/css" href="images/style.css" />
  2. <div id="contenedor">
  3. <div id="header">RED MEGA BLOG 2.0</div>
  4. <div id="barra_01"></div>
  5. <div id="contenido">asd<br><br><br><br><br><br><br><br><br><br>asd<br><br><br><br><br><br>asd</div>
  6. <div id="barra_02"></div>
  7. <div id="menu">asd<br><br><br><br><br><br><br><br><br><br>asd<br><br><br><br><br><br>asd</div>
  8. <div id="barra_03"></div>
  9. <div id="footer"></div>
  10. </div>

Acá dejo la web como está en ese código:

http://www.rocking-gamez.com.ar/prueba/

Desde ya, muchas gracias ^^



SOLUCIONADO

Última edición por Masato; 27/03/2010 a las 20:35 Razón: SOLUCIONADO
  #2 (permalink)  
Antiguo 29/03/2010, 09:57
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: [AYUDA] Problema al agregar texto en web CSS

Supongo que buscas crear columnas con altura equilibrada.
Bueno, yo lo resuelvo con este truco.

Pero puede venirte bien mirar este tutorial y analizar el codigo fuente de estos dos ejemplos (1 2)

Saludos!

p-d: cualquier problema que ocurra en el camino solo postea el codigo y lo vemos.

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:29.