search

milohuang / reverie

Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
http://theakiba.com/reverie/
MIT License
916 stars 196 forks source link

Demo Site Issue on firefox #114

Closed asif999 closed 11 years ago

asif999 commented 11 years ago

Hi,

I'm new to wordpress framework and was going through your demo site at http://themefortress.com/demo/

the page does not display properly on firefox. My version of firefox is 16.0.2 and I'm using a windows 7 machine. my screen resolution is 1366X768. The sidebar seems to overlap on the content area in firefox. I even confirmed this on browsershots.org whose screenshot also detected the issue.

I just wanted to know if this is an issue with reverie or this is just an issue with the demo?

Thanks

awshout commented 11 years ago

I believe it's more of an issue with inline-block in Firefox. Try removing the inline-block property from line 74 in style.css

joebotha commented 11 years ago

Its because the first 2 images seem to have a fixed width of over 686px and 962px. Notice the 3rd image doesn't overlap the sidebar?

Commenting out the inline-block will also fix it, but not sure what else may be affected by doing that.

awshout commented 11 years ago

Good point! max-width: 100% should keep them from extending beyond the container though. How about adding width: 100% to figure.figure

uneart commented 11 years ago

I had the same problem in Firefox 17.0.1 (see screenshot below).

Giving the <figure> element around the <img> the css property max-width: 100%; solved it.

Schnappschuss_123012_073443_PM