Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/05/2015, 15:29
Avatar de Hyemin
Hyemin
 
Fecha de Ingreso: agosto-2014
Mensajes: 147
Antigüedad: 9 años, 8 meses
Puntos: 0
Articulos y ASIDE ressponsive con CSS y Bootstrap

Hola como estan?

Estoy luchando con un esquema que quiero hacer en un sitio web, estoy usando boostrap3 para hacer un blog en php que tiene como formato la siguiente:

<cabezal>bla bla bla</cabezal>
<menu>emnue </menu>
<articulos> 6 articulos por pagina de a dos</articulos>
<aside>Una lista de ultimos articulos </aside>

Tengo dos problemas:

1) Le doy a los articulos un largo de 4 columnas en Bootstrap asi me quedan 4 para el aside, pero cuando dibujo la pantalla el Aside me queda al medio de la columna en lugar de quedar desde arriba.

Se supone que uso una sola fila, por eso encapsulo todo en el <div class="row container" style="max-width: 100%;">

Luego a los articulos les digo que tomen un largo de 4 columnas para lg y al aside que tome 2 (para prbar nomas luego quizas la haga de 3 u otra medida).

El tema es que quiero que el sitio me dibuje esos 8 articulos en columnas de a dos y un unico aside al lado pero no lo consigo :(

Quiero hacer esto: http://urupro.com pero en vez de un articulo por columna que sean dos como en http://urupro.com/test/test.php


2) Los articulos se muestran en la pagina principal siguiendo esta estructura:
Código HTML:
Ver original
  1. <div titulo>titulo</div>
  2. <div separador>separador</div>
  3. <div contenido>300 caracteres del contenido</div>
  4. <div separador>separador</div>
  5. <div debajo>Leer mas y comentarios</div>

Todo se muestra razonablemente bien, por razones de estetica tuve que limitar el largo de los articulos a 200PX por que de lo contrario cuando alguno de ellos por tener una imagen o algo era mas grande que los demas directamente me deformaba todo el sitio y no lo arreglaba ni con el class"visible-clear-fix".

Ahora, me gustaria que cada uno de esos divs de los que se componen los articulos fuera una caja cerrada y autoajustada.

Me explico mejor, hoy dia si un elemento del DIV sobrepasa su contendor me rompe el esquema, por ahora lo arreglo con la propiedad overflow:hidden pero eso si bien hace que el resto no se muestre tambien me oculta cosas delcontenedor de abajo y eso perjudica al articulo total.

Por ahora estoy tratando de escribir los articulos respetando ese problema pero entiendo que no es una solucion.


Alguna idea?

EDIT: En otras palabras, no se donde poner el aside en el codigo para que se vea bien estoy probando a meter un aside de prueba de este modo
Código HTML:
Ver original
  1. <aside class="col-lg-2" style="height:400px; float: left; margin-left: 10px">aside</aside>

Pero por ahora el aside se pone en cualquier posicion menos donde quiero

Última edición por Hyemin; 02/05/2015 a las 15:52