Re: [css-d] display:inline-block differences in browsers

2014-03-16 Thread John
I think I'm getting closer to understand how to use this new (to me) method of positioning, but I don't get what it's relative to, such that Firefox renders it differently from Opera, Chrome and Safari.. It's the same code, but obviously FF interprets it differently. Can someone explain why

Re: [css-d] display:inline-block differences in browsers

2014-03-16 Thread John
On 3/16/14 7:04 PM, John wrote: Now all the browsers are showing things correctly, except Opera, which has my aside down lower and in the middle..it appears to be influenced by section, but I'm not seeing what the connection is... My bad, again..I had no idea that my version of Opera was, let's

Re: [css-d] display:inline-block differences in browsers

2014-03-16 Thread John
On 3/16/14 5:52 PM, Philippe Wittenbergh wrote: solution: position them from the right… #social { display:inline-block; /* <—- remove this, makes no sense with an absolute position element */ position:absolute; top:0; left:47em; /* <———- change this to right: 0; */ } Philippe; this helped en

Re: [css-d] ie/11

2014-03-16 Thread Chris Rockwell
Here is an example without using ::after and content http://jsfiddle.net/2n6an/1/ On Sun, Mar 16, 2014 at 8:52 PM, Chris Rockwell wrote: > Aargh, this is annoying. I've got it narrowed down to the text shadow. > > > On Sun, Mar 16, 2014 at 8:49 PM, Chris Rockwell > wrote: > >> Or maybe it's s

Re: [css-d] display:inline-block differences in browsers

2014-03-16 Thread Philippe Wittenbergh
Le 17 mars 2014 à 09:07, John a écrit : > this fixed things for Safari, but all the other browsers are showing things > pretty much wherever the spirit moves them. Is there something else I've left > "up for grabs" in this? The whole design appears to be exploding > > > thanks for any cl

Re: [css-d] ie/11

2014-03-16 Thread Chris Rockwell
Aargh, this is annoying. I've got it narrowed down to the text shadow. On Sun, Mar 16, 2014 at 8:49 PM, Chris Rockwell wrote: > Or maybe it's something else, this seems to work fine: > http://jsfiddle.net/2n6an/ > > > On Sun, Mar 16, 2014 at 8:40 PM, Chris Rockwell > wrote: > >> It's the lette

Re: [css-d] ie/11

2014-03-16 Thread Chris Rockwell
Or maybe it's something else, this seems to work fine: http://jsfiddle.net/2n6an/ On Sun, Mar 16, 2014 at 8:40 PM, Chris Rockwell wrote: > It's the letter-spacing, just don't know why yet. It appears to only have > an affect when it's being applied to the content: "" attribute. > > > On Sun, Ma

Re: [css-d] ie/11

2014-03-16 Thread Chris Rockwell
It's the letter-spacing, just don't know why yet. It appears to only have an affect when it's being applied to the content: "" attribute. On Sun, Mar 16, 2014 at 8:15 PM, David Laakso wrote: > In the footer ie/11 is chopping-off the crossbar of the numerical > digit 4. What to do? > > html > ht

Re: [css-d] display:inline-block differences in browsers

2014-03-16 Thread Tom Livingston
On Sun, Mar 16, 2014 at 8:07 PM, John wrote: > On 3/16/14 12:13 PM, Georg wrote: >> >> You are absolute positioning "in thin air" ... not given browsers a >> starting point for positioning. >> That makes browsers "guess" what you mean, and one browser's guess is as >> good as another's. >> >> Addi

[css-d] ie/11

2014-03-16 Thread David Laakso
In the footer ie/11 is chopping-off the crossbar of the numerical digit 4. What to do? html http://ccstudi.com/ css http://ccstudi.com/site/css/sisu.css footer::after{ border:1px dotted red; content:"'14"; color:rgb(218,165,32); font:1250% 'falstaffMTStd'; letter-spacing:-.25em; margin:0; paddin

Re: [css-d] display:inline-block differences in browsers

2014-03-16 Thread John
On 3/16/14 12:13 PM, Georg wrote: You are absolute positioning "in thin air" ... not given browsers a starting point for positioning. That makes browsers "guess" what you mean, and one browser's guess is as good as another's. Adding... #social { top: 0; left: 0;} ...as starting points, will ma

Re: [css-d] display:inline-block differences in browsers

2014-03-16 Thread Georg
Den 16.03.2014 05:06, skrev John: my social media icons, top right respect my wrapper in FF, but in Chrome, Safari and Opera, the whole group moves outside the wrapper to the right by 1 icon... Can someone explain why this is? You are absolute positioning "in thin air" ... not given browser

Re: [css-d] footer ul li has same attributes as header nav ul li?

2014-03-16 Thread David Laakso
On Sat, Mar 15, 2014 at 8:30 PM, John wrote: > I could swear that I adequately differentiated my header nav from my footer > nav, but the browsers are telling me differntly.. > > Here is the link, if you could kindly take a peek: > http://coffeeonmars.com/W200/test/DTake_Index.html > > The issue i

Re: [css-d] Subject: Font Size Small in FireFox ?

2014-03-16 Thread Tedd Sperling
Felix: I just wish to say that your knowledge of this topic (et al) is simply amazing. You are a wealth of information -- thank you very much for your participation. Cheers, tedd ___ tedd sperling t...@sperling.com ___

Re: [css-d] Subject: Font Size Small in FireFox ?

2014-03-16 Thread Felix Miata
On 2014-03-16 07:25 (GMT) Philip Taylor composed: Felix, you answer is very helpful and very informative, but there are places where (to me) it seems to make no sense at all. May I ask you to expand on the following, please ? DPI is often used interchangeably with display resolution DPI i

Re: [css-d] Subject: Font Size Small in FireFox ?

2014-03-16 Thread Philip Taylor
Felix, you answer is very helpful and very informative, but there are places where (to me) it seems to make no sense at all. May I ask you to expand on the following, please ? DPI is often used interchangeably with display resolution DPI is a single number (1-dimensional) whilst display resol