[css-d] Position discrepancy, browser to browser

2014-11-10 Thread John
The search field at the top right at http://www.coffeeonmars.com/contact/ should right-align, or butt up against the padding-right of the parent, which is 1.25rem. This roughly corresponds to the right edge of the “in” icon in the header nav. In Mac FireFox, and on one of my Macs, the search

Re: [css-d] Position discrepancy, browser to browser

2014-11-10 Thread Tom Livingston
On Mon, Nov 10, 2014 at 3:05 PM, John j...@coffeeonmars.com wrote: The search field at the top right at http://www.coffeeonmars.com/contact/ should right-align, or butt up against the padding-right of the parent, which is 1.25rem. This roughly corresponds to the right edge of the “in” icon

Re: [css-d] Position discrepancy, browser to browser

2014-11-10 Thread John
On Nov 10, 2014, at 12:42 PM, Tom Livingston tom...@gmail.com wrote: Does the FF that displays correctly have a different font-size setting - either default or scaled up? That's the only thing I can see that might be different. Since nothing seems to be telling the input to be 100% wide, or

Re: [css-d] Position discrepancy, browser to browser

2014-11-10 Thread John
On Nov 10, 2014, at 1:07 PM, John j...@coffeeonmars.com wrote: I am fairly sure I tried this before, but width 100% float right works now, correctly, in all 4 browsers I had. 3rd time’s the charm, perhaps, but thank you for touching on the area that needed attention, Tom! Actually, I

Re: [css-d] Position discrepancy, browser to browser

2014-11-10 Thread Tom Livingston
On Mon, Nov 10, 2014 at 4:11 PM, John j...@coffeeonmars.com wrote: On Nov 10, 2014, at 1:07 PM, John j...@coffeeonmars.com wrote: I am fairly sure I tried this before, but width 100% float right works now, correctly, in all 4 browsers I had. 3rd time’s the charm, perhaps, but thank you for

Re: [css-d] Position discrepancy, browser to browser

2014-11-10 Thread John
On Nov 10, 2014, at 1:59 PM, Tom Livingston tom...@gmail.com wrote: Well, unless you override #s in your desktop MQ, you would see a change on desktop if you changed tablet MQ... provided you're building mobile-first... Ha..no, I’m going the other way… Next outing, will be mobile first.

Re: [css-d] Position discrepancy, browser to browser

2014-11-10 Thread Tom Livingston
On Mon, Nov 10, 2014 at 4:59 PM, Tom Livingston tom...@gmail.com wrote: On Mon, Nov 10, 2014 at 4:11 PM, John j...@coffeeonmars.com wrote: On Nov 10, 2014, at 1:07 PM, John j...@coffeeonmars.com wrote: I am fairly sure I tried this before, but width 100% float right works now, correctly, in

Re: [css-d] Position discrepancy, browser to browser

2014-11-10 Thread Tom Livingston
On Mon, Nov 10, 2014 at 5:00 PM, John j...@coffeeonmars.com wrote: On Nov 10, 2014, at 1:59 PM, Tom Livingston tom...@gmail.com wrote: Well, unless you override #s in your desktop MQ, you would see a change on desktop if you changed tablet MQ... provided you're building mobile-first...

Re: [css-d] Position discrepancy, browser to browser

2014-11-10 Thread John
On Nov 10, 2014, at 2:01 PM, Tom Livingston tom...@gmail.com wrote: Well, I guess that's not always true, depending on your MQs, huh?! I tend to use only min-width MQs for the most part. Yeah, most true and these variable strategies are a bit for me to keep track of, tho with experience,

Re: [css-d] Position discrepancy, browser to browser

2014-11-10 Thread Tom Livingston
On Mon, Nov 10, 2014 at 5:04 PM, John j...@coffeeonmars.com wrote: On Nov 10, 2014, at 2:01 PM, Tom Livingston tom...@gmail.com wrote: Well, I guess that's not always true, depending on your MQs, huh?! I tend to use only min-width MQs for the most part. Yeah, most true and these variable

[css-d] 3 elements side by side

2014-11-10 Thread Tom Livingston
Hello list, What's your favorite, most reliable way to get 3 elements (block or inline-block) side by side (no gap between) to span the full width of their parent? And hopefully not leave a gap at all... I'm struggling to rid myself of a nasty but tiny gap. Sorry, no link. Thanks in advance.

Re: [css-d] 3 elements side by side

2014-11-10 Thread Chris Rockwell
You have flexbox, display:table-cell, display:inline-block, float:left. I prefer flexbox but most often use one of the display's and avoid float at almost all costs. Are you using inline-block and running into this: http://css-tricks.com/fighting-the-space-between-inline-block-elements/? On Nov

Re: [css-d] Font Size for fluid responsive on touch devices ?

2014-11-10 Thread Karl DeSaulniers
There are also numerous archive emails on this subject and many more of the questions you've had on lists.css-discuss.org I believe. :) Karl DeSaulniers Design Drumm http://designdrumm.com __ css-discuss

Re: [css-d] 3 elements side by side

2014-11-10 Thread Karl DeSaulniers
On Nov 10, 2014, at 5:09 PM, Tom Livingston tom...@gmail.com wrote: Hello list, What's your favorite, most reliable way to get 3 elements (block or inline-block) side by side (no gap between) to span the full width of their parent? And hopefully not leave a gap at all... I'm struggling

Re: [css-d] 3 elements side by side

2014-11-10 Thread Tom Livingston
Thanks guys. I seem to always forget CSS tables... I'll give it a shot. I got some complicated transform hover effects that I need to play nice... On Mon, Nov 10, 2014 at 7:58 PM, Karl DeSaulniers k...@designdrumm.com wrote: On Nov 10, 2014, at 5:09 PM, Tom Livingston tom...@gmail.com wrote: