Fitting two equal width columns inside a 9-column wide area
I got a weird layout I'm trying to fit into Montezuma, so I'm hoping to brainstorm some ways to pull this off.
The design uses 3 columns for a sidebar, and 9 for the loop: The problem is that on the desktop view, the loop has two columns of posts (columns 4-12 on the picture above). And since 9 is not divisible by two, I'm scratching my head a little. One of the ideas was to create an additional 2-colum custom grid, most likely percentage-based, and fit it inside the 9-column area. Then I could assign that to the desktop viewport alone. But even with that solution, how do I float odd posts to the left and even to the right? (I checked the code and there are no odd/even classes applied to the post containers) Any ideas? |
why not make the sidebar 4 or 2 columns?
|
You don't need to make a new grid, just use CSS to tile your posts. The basic CSS would be something like this:
Code:
.blog .hentry { There's a demo page here. |
Quote:
Quote:
Thank you =) |
All times are GMT -6. The time now is 04:15 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.