ayuda CSS en un diseño.

Iniciado por idzen, 18 Diciembre 2013, 16:04 PM

0 Miembros y 1 Visitante están viendo este tema.

idzen

Hola amigos como estan? Este topico es para pedir una ayuda en css respecto sobre como puedo hacer algo en mi web, no estoy claro como puedo hacerlo. Fijense les dejo aqui una foto del problema que tengo

http://prntscr.com/2c3ha7

Como pueden ver en la foto, trato de ubicar el timeline de twitter en la parte inferior del reproductor de soundcloud una idea facil seria darle margin bottom al contenido del articulo pero el problema es que en otras secciones de la pagina se ve asi: (foto de la sección de contacto:)

http://prntscr.com/2c3i18

Como pueden ver si el contenido de esa sección es mas grande el timeline de twitter se cuadra perfecto, pero si no no lo hace :(, estos son los codigos css de esas respectivas secciones


/*Del contenido general*/
#contenido {
float: left;
background-color: #FFF;
max-width: 65%;/*660px;*/
max-height: 100%;
height: 100%;
width: 100%;
border-radius: 8px;
padding: 15px;
text-decoration: none;
color: black;
}
/*Del timeline de twitter*/
#twitter-timeline {
margin-top: 10px;
float: right;
max-width: 28%;
width: 100%;
}

/*Este es el del reproductor de soundcloud*/
#music {
float: right;
max-width: 28%;
width: 100%;
}



Alguna sugerencia? :(

TrokaMc

Yo lo que haría sería agregar un position: absolute; para dejarlo flotando y con left: right: ir probando hasta que quede xD!
"Sin requerimientos o diseño, la programación es el arte de agregar errores a un archivo de texto vacío"

idzen

Amigo, fijate que fui al baño, y tuve una epifania y quede iluminado como buda xD. Ya solucione, lo unico que fue desde el html meter a ambos divs y un solo divs mas grande, y a ese div grande darle la propiedad de flotar a la derecha y tachan, solucionado xD gracias igual por responder.