Den 16.04.2014 03:17, skrev John Johnson:
they’d remain 3 across through tablet but then snap down to 1 column at mobile.
But at desktop/tablet, it would be 3 “widgets” of equal width and spaced
equally apart and to the right or left.
Quick demo (modified an old demo): for desktop/tablet, 3 c
On Apr 15, 2014, at 5:31 PM, Georg wrote:
> Need more info than that you want to divide a width in 3 equally wide
> containers. Only then can we suggest "good", "better", and maybe even "best"
> way to do it.
Fair enough..thank you…for a portfolio site, let’s say there are 3 categories
of wo
Den 15.04.2014 18:35, John wrote:
I've heard and read that browsers **LOVE** long decimals. The exact phrasing is, "they eat it
for breakfast" so feel free to use values like 4.23513547898465441235764687415354% and the
browsers will "know what to do."
With that level of precision, would roundi
On Apr 14, 2014, at 7:18 PM, Tim Climis wrote:
> Now I blame rounding errors. Margin is 21.141px and content is 286.094px.
> You'll end up with a margins at 21 or 22, and content at 286 or 287 depending
> on how things fall.
So it would seem, but I have 2 more questions: I've heard and read
> but 2.25% doesn’t produce the same even spacing as
2.3%. I don’t have
> borders eating into my space..
>
Now I blame rounding errors. Margin is 21.141px and
content is 286.094px. You'll end up with a margins at 21 or
22, and content at 286 or 287 depending on how things
fall.
---Tim
On Apr 14, 2014, at 6:33 PM, Tim Climis wrote:
> If you use 3, you get 3 red left margins. But it appears from your example
> that you really
> want 3 left margins AND a right margin that's the same size. Thus, 4 x 2.25
> = 9%
very true, yes..thank you, Tim..I should have “seen” that
but 2
On Monday, April 14, 2014 06:24:06 PM John Johnson wrote:
> Goal: 3 Divs of equal width, equally horizontally spaced within their
> parent.
>
> div width: 30.3% x 3 appx = 91%, leaving 9% for a total of 100%
>
> To achieve the spacing I assumed that margin-left:3% would do it: 3 divs, 3
Goal: 3 Divs of equal width, equally horizontally spaced within their parent.
div width: 30.3% x 3 appx = 91%, leaving 9% for a total of 100%
To achieve the spacing I assumed that margin-left:3% would do it: 3 divs, 3
left edges, 3 x 3% = 9%
It didn’t and I have no clue why. No, the mag