Think this is what you're after: http://jsbin.com/zagorevaqo/edit?html,css,output
On Tue, Jul 7, 2015 at 7:52 AM Darin Hensley <[email protected]> wrote: > Stackover flow cross post: > http://stackoverflow.com/questions/31272000/polymer-1-0-layout-issues-background-image-center-play-button-and-document-fl > > I am new to the Polymer layout scheme and having issues along with a few > questions. > > *Here is the jsbin*: http://jsbin.com/takoxe/edit?html,css,output > > 1) For the picture of king david, I am trying to display it full width and > height and have it responsive. I should be able to do this with just > `fullbleed fit`, but instead I have to use `top: 50px; z-index: -1`. I am > sure I am doing this wrong and if someone could show me the correct way, > please. > `fullbleed` only works on <body>. Instead, I made the <body> a flexbox container using `layout vertical`, and told the center <div> to flex to it takes up the entire middle section. > > 2) I can not get the `play-button-contain` and `play-button-video` to > center in the middle vertically and it doesn't stay in the middle > responsive when I move it. I was hoping `class="layout vertical"` would be > the answer but it's not. > > 3) I later on, as I add the page, I will add a section/polymer element > underneath the King David picture. So, as a filler I used `<h5>A new > section that should be on the bottom, not top</h5>` but instead it shows on > top of the King David picture. This is really confusing since it's not > following the document flow. > Since the center section is flexing, it pushes this bar down to the bottom. If that's not what you want, you could also make it position: absolute; bottom: 0; width: 100%; > > I am using the https://events.google.com/io2015/ site as a model, which I > like alot. This is why I am using `background-image`, etc for this set up > and not some other way. > > Follow Polymer on Google+: plus.google.com/107187849809354688692 > --- > You received this message because you are subscribed to the Google Groups > "Polymer" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/polymer-dev/9224a9d5-761a-411c-8be0-2d1d3d97b603%40googlegroups.com > <https://groups.google.com/d/msgid/polymer-dev/9224a9d5-761a-411c-8be0-2d1d3d97b603%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CACGqRCDJarpSVKv-dYmJ_y%3DrJR2hi9k95yN-3epcW3wzhHnpRg%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
