Juntar verticalmente dos div
Publicado: 2014-11-25 11:04 @502Hola, tengo el siguiente código:
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 ?
Using html4strict Syntax Highlighting
- <style>
- body {
- background:transparent url(fondo.jpg) repeat scroll 0 0;
- color:gray;
- font-family:helvetica,arial,sans-serif;
- font-size:14px;
- text-align:center;
- }
- .post {
- color:gray;
- margin-bottom:10px;
- max-width:200px;
- word-wrap: break-word;
- }
- .post h3 {
- color:orange;
- background:#0F0F0F;
- border-width: 1px;
- border-style:solid;
- border-color:333333;
- padding:5px 10px;
- }
- .post_body {
- color:white;
- background:black;
- line-height:19px;
- padding:5px 10px;
- border-width: 1px;
- border-style:solid;
- border-color:333333;
- }
- #cuadro {
- width:100px;
- height: 65px;
- padding:5px 10px;
- background-color:#000;
- border: solid #222 2px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- }
- </style>
- <div id=cuadro>
- <font color=red>hola mundo
- dsa
- da
- dsa
- dsaads
- dsa
- das
- dsa
- </font>
- </div>
- dsadsadsa
- <div class="post">
- <h3>Menusaddddddddddddddddddddddddddddddddddddddddd</h3>
- <div class="post_body">saddasddsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
- </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 ?