CODEWITHSUNDEEP
csstwitter-bootstrap
lostalmost23
lostalmost23

Reputation: 13

css and bootstrap issues in firefox

I am new to bootstrap, and cannot figure out an issue.
The page looks ok in safari and chrome but is a mess in Firefox. Any ideas on how to fix this?
http://isu.edu/webdev/nosearch/dave/marcom/

Upvotes: 0

Views: 179

Answers (1)

ns1234
ns1234

Reputation: 771

Do the <figure> elements need to float in the columns? I was just looking quickly in Firefox's dev tools, but removing the float: left; from <figure> fixed it.

Your images are the children of the <figure> elements. They need to be responsive, and have a max-width of 100% of the column's width. Since the images' parents were floating, THOSE divs were overflowing out of the column width, preventing the images from resizing as needed (because they were scaling max-width: 100%; relative to the figures).

Upvotes: 1

Related Questions