Hi folks,

I'm creating a new theme meant for wordpress using twiitter bootstrap.

I created a new portfolio page that has 4 cols. While displaying the images for the portfolio, all the images are floated to left properly in Chrome, Safari, Opera but not in IE9 and FF v16.

Here is the link to the page.
When you view it using FF or IE you can see in second row two images are floated to right, likewise in 5th row one image.

I'm using twitter bootstrap.
http://sixtrot.com/Swizzle/portfolio.html

I used firebug to detect the issue but I'm clueless.

PS: The current design is not responsive, as I need to tweak it little more.

Thanks and Regards.
Sixtrot

Recommended Answers

All 2 Replies

Member Avatar for LastMitch

I'm creating a new theme meant for wordpress using twiitter bootstrap.

You should have provide a link or some code to see the issue.

inline-block <3

.gallery-post-grid li {
list-style: none;
float: none;
margin-bottom: 25px;
display:inline-block;

/* For IE 7 */
zoom: 1;
*display: inline;
}
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.