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 wrote: > On Nov 10, 2014, at 5:09 PM, Tom Livingston wrote: > >> Hello list, >> >> What's your favo

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

2014-11-10 Thread Karl DeSaulniers
On Nov 10, 2014, at 5:09 PM, Tom Livingston 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 to rid myse

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 [css-d@lists.css-dis

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 1

[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] Position discrepancy, browser to browser

2014-11-10 Thread Tom Livingston
On Mon, Nov 10, 2014 at 5:04 PM, John wrote: > > On Nov 10, 2014, at 2:01 PM, Tom Livingston 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 t

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

2014-11-10 Thread John
On Nov 10, 2014, at 2:01 PM, Tom Livingston 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, it will be old

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

2014-11-10 Thread Tom Livingston
On Mon, Nov 10, 2014 at 5:00 PM, John wrote: > > On Nov 10, 2014, at 1:59 PM, Tom Livingston 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 w

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

2014-11-10 Thread John
On Nov 10, 2014, at 1:59 PM, Tom Livingston 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. Thank you! J _

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 wrote: > On Mon, Nov 10, 2014 at 4:11 PM, John wrote: >> >> On Nov 10, 2014, at 1:07 PM, John 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 char

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

2014-11-10 Thread Tom Livingston
On Mon, Nov 10, 2014 at 4:11 PM, John wrote: > > On Nov 10, 2014, at 1:07 PM, John 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

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

2014-11-10 Thread John
On Nov 10, 2014, at 1:07 PM, John 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 know what happene

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

2014-11-10 Thread John
On Nov 10, 2014, at 12:42 PM, Tom Livingston 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 float right

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

2014-11-10 Thread Tom Livingston
On Mon, Nov 10, 2014 at 3:05 PM, John 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 > in the header na

[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