- Tema Autor
- #1
Buenas,
Estoy haciendo una página, que parezca como un blog, con una estructura como sigue:
Es decir, divido la página en dos columnas, en mi archivo de CSS tengo lo siguiente:
El problema es que el color de fondo de los post y en general todo el post, se me va hasta la primer columna y yo quisiera que estuviera solamente en la segunda columna, y si activo en el CSS las propiedades:
Entonces aparece el post como debe pero hasta que termina la primera columna.
Espero haberme dado a entender y me puedan ayudar,
Gracias de antemano,
Saludos,
Estoy haciendo una página, que parezca como un blog, con una estructura como sigue:
Código:
<div id="contenido">
<div id="PrimeraColumna">
<div id="Menu">
.....
</div>
</div>
<div id="SegundaColumnda">
<div class = "post">
<h2>No hay noticias</h2>
<p>Aún no hay noticias en esta página pero pronto tendremos muchas, sigue visitándonos</p>
</div>
</div>
</div>Es decir, divido la página en dos columnas, en mi archivo de CSS tengo lo siguiente:
Código:
/* Posts */
.post {
/*width: 600px;
float: right;*/
margin-bottom: 9px;
padding: 20px 40px 20px 60px;
background: #131313;
border-top: 1px solid #1F1F1F;
border-right: 1px solid #1F1F1F;
border-bottom: 1px solid #1F1F1F;
border-left: 1px solid #1F1F1F;
}
.post h2, .post h3 {
margin-left: -40px;
}
/* Contenido */
#contenido {
width: 800px;
margin: 0 auto;
padding: 10px;
}
#PrimeraColumna {
float: left;
width: 200px;
}
#PrimeraColumna ul {
margin-left: 0;
padding-left: 0;
list-style: none;
}
#SegundaColumna {
float: right;
width: 600px;
}
/*Menu*/
/*#Menu {
background: #000000;
color: #FFFFFF;
}*/El problema es que el color de fondo de los post y en general todo el post, se me va hasta la primer columna y yo quisiera que estuviera solamente en la segunda columna, y si activo en el CSS las propiedades:
Código:
width: 500px;
float: right;Entonces aparece el post como debe pero hasta que termina la primera columna.
Espero haberme dado a entender y me puedan ayudar,
Gracias de antemano,
Saludos,
