Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: idzen en 18 Diciembre 2013, 16:04 pm



Título: ayuda CSS en un diseño.
Publicado por: idzen en 18 Diciembre 2013, 16:04 pm
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

Código:
/*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? :(


Título: Re: ayuda CSS en un diseño.
Publicado por: TrokaMc en 18 Diciembre 2013, 16:36 pm
Yo lo que haría sería agregar un position: absolute; para dejarlo flotando y con left: right: ir probando hasta que quede xD!


Título: Re: ayuda CSS en un diseño.
Publicado por: idzen en 18 Diciembre 2013, 16:40 pm
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.