elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a la Factorización De Semiprimos (RSA)


  Mostrar Mensajes
Páginas: [1]
1  Programación / Desarrollo Web / Centrar pagina, problema al usar display inline en: 16 Octubre 2016, 16:38 pm
Hola, estoy volviendo al desarrollo web después de varios años y me estoy trabando con unas cosas... quería ver si ahora podían ayudarme en lo siguiente.
 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
Páginas: [1]
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines