search

foundation / foundation-sites

The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
https://get.foundation
MIT License
29.65k stars 5.48k forks source link

block-grid and embedded player (Vimeo) #1524

Closed andreasciamanna closed 11 years ago

andreasciamanna commented 11 years ago

I'm having some issues when showing multiple video players in the same page in a block-grid list: http://progettoanike.org/type/post-format-video/

The second column can't be used at all: clicking on the video to play it it's impossible. If I remove .block-grid from the UL element, everything works fine.

The same issue happens if I use a series of .six.columns elements instead of the block-grid.

Please help.

andreasciamanna commented 11 years ago

Any chance to get some help about this issue?

andreasciamanna commented 11 years ago

Just in case... I've the same issue in another site: http://tamtando.com/type/video/

andreasciamanna commented 11 years ago

I wonder why i get ignored...

awshout commented 11 years ago

Hi @sciamannikoo this is happening because .columns are float left, but are not being cleared in your layout. For example if you add clear: both to your .banner div at the bottom of the page it appears to fix the problem.

Typically you would use .row to clear .columns, but it seems you've added some extra styles to .row

hatefulcrawdad commented 11 years ago

Thanks for giving him an answer @awshout! We were cranking on 4.0 release and didn't get to a bunch of issues during the sprints. I'll close this down now that he's got an answer.

awshout commented 11 years ago

No problem, @zurbchris. Always happy to help out where I can.