Autor
Estoy haciendo el main y dentro de este voy a tener los post (a la izquierda) y un sidebar (a la derecha) los post logro acomodarlos perfecto interiormente (con su imagen y descripción) pero a la hora de hacer un display inline sobre el contenedor del Post y Sidebar el mismo se me corre contra el borde de la pagina, a pesar de que antes ya le había asignado su posición...
Espero me entiendan... les dejo el código a ver si ustedes pueden ver que esta pasando.
Código:
/* Esto es para centrar la pagina */
#main, #main_menu, #foot_main, #foot_copy {
width:85%;
max-width: 1088px;
margin:0px auto;
}
/* ... */
/* MAIN */
#main{
display: inline-block;
}
/* MAIN :Post; */
#main_post{
width: 65%;
float:left;
}
#post{
display: inline-block;
background-color: #000;
}
img.thumb{
width: 400px;
height: 250px;
}
#post_content{
float:right;
width:300px;
height:250px;
}
/* ... */
/* Esto es el contenedor del main */
<section id="main">
<section id="main_post">
<article class="post">
<img class="thumb" src="img/post1.png">
<div id="post_content">
<h3>Titúlo del post</h3>
<small>16 de Junio del 2016 - <a href="#">Categoria</a></small>
<p id="extract"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean bibendum lorem quis ipsum luctus fringilla. Integer in mauris venenatis, fermentum diam id, rutrum nisi. Donec auctor eget libero quis malesuada. Quisque est mi, tempus a diam vitae.
</p>
<a class="readm" href="#">Seguir leyendo</a>
</div>
</article>
<aside><div id="sidebar"><h2>SIDEBAR</h2></div></aside>
</section>
Dejo una imagen de muestra
Espero se haya comprendido
pd: Firefox no me deja usar las funciones js del foro, es normal ? tuve que abrir chrome jaja
En línea
