• Publicidad

Juntar verticalmente dos div

Preguntas y comentarios relacionadas con HTML y CSS.

Juntar verticalmente dos div

Notapor BigBear » 2014-11-25 11:04 @502

Hola, tengo el siguiente código:

Sintáxis: [ Descargar ] [ Ocultar ]
Using html4strict Syntax Highlighting
  1. <style>
  2.  
  3. body {
  4. background:transparent url(fondo.jpg) repeat scroll 0 0;
  5. color:gray;
  6. font-family:helvetica,arial,sans-serif;
  7. font-size:14px;
  8. text-align:center;
  9. }
  10.  
  11.  
  12. .post {
  13. color:gray;
  14. margin-bottom:10px;
  15. max-width:200px;
  16. word-wrap: break-word;
  17. }
  18.  
  19. .post h3 {
  20. color:orange;
  21. background:#0F0F0F;
  22. border-width: 1px;
  23. border-style:solid;
  24. border-color:333333;
  25. padding:5px 10px;
  26. }
  27.  
  28. .post_body {
  29. color:white;
  30. background:black;
  31. line-height:19px;
  32. padding:5px 10px;
  33. border-width: 1px;
  34. border-style:solid;
  35. border-color:333333;
  36.  
  37.  
  38.  
  39. }
  40.  
  41. #cuadro {
  42.  
  43. width:100px;
  44. height: 65px;
  45.  
  46. padding:5px 10px;
  47. background-color:#000;
  48. border: solid #222 2px;
  49. -webkit-border-radius: 4px;
  50. -moz-border-radius: 4px;
  51. border-radius: 4px;
  52.  
  53. }
  54. </style>
  55.  
  56. <div id=cuadro>
  57. <font color=red>hola mundo
  58. dsa
  59. da
  60. dsa
  61. dsaads
  62. dsa
  63. das
  64. dsa
  65. </font>
  66. </div>
  67.  
  68. dsadsadsa
  69.  
  70. <div class="post">
  71. <h3>Menusaddddddddddddddddddddddddddddddddddddddddd</h3>
  72. <div class="post_body">saddasddsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
  73. </div>
Coloreado en 0.002 segundos, usando GeSHi 1.0.8.4


El tema esta en los .post. La idea es que los dos cuadros que genera se vean como el "actualización de octubre" de mi página: http://doddyhackman.webcindario.com/?tipo=otros&cant=5 , pero el resultado en este código es que los cuadros post y post_body se separan verticalmente mostrando un espacio que arruina el efecto del cuadro de título y contenido.

¿ Qué estoy haciendo mal ?
BigBear
Perlero frecuente
Perlero frecuente
 
Mensajes: 981
Registrado: 2009-03-01 18:39 @818

Publicidad

Volver a HTML

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado

cron