Thanks Philippe! I did notice that inline declaration when inspecting as well. It's good to know that it acts more inline-block. It was my hope that using display:block would fix (as the overlap of the gray background reminded me of inline behavior) but no such luck. Thanks for tips of the possibilities. I going to head down that route for now. I was planning on circling back around and building my own skin down the road though (sounds like it could be a fun learning experience).
Thanks again for all of your help! As always, I really appreciate it. :) On Thu, Feb 6, 2014 at 2:24 AM, Philippe Wittenbergh <[email protected]> wrote: > > Le 6 févr. 2014 à 17:10, Micky Hulse <[email protected]> a écrit : > >>> audio { width: 200px; height: 40px; } >>> should give you a start, adjust to taste. >> >> Interesting! I'll play with that. >> >> Thing is, I'm getting pretty good sizes in/on most other devices. I'd >> hate to apply a height for the sake of iOS and have it make everything >> else look weird. OTOH, I should experiment to see if setting a fixed >> height does the trick for all. > > According to the WebKitinspector, audio is ‘display:inline’ in the UA > stylesheet (but, as a replaced element, acts more like ‘inline-block’). You > could try setting it to ‘display: block’, or wrapping it in a block level > element and play with margin or padding. Lots of possibilities… > > Philippe > -- > Philippe Wittenbergh > http://l-c-n.com > > > > -- <git.io/micky> ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
