Re: [css-d] ie/11
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? Thanks to all who replied both on and off-list. Re-set css for the containing blocks and re-set the generated content. letter-spacing to .175em. The footer proper needs more work in all browsers: but, at least, the revised letter-spacing seems to resolve the specific clipping issue I wrote about in IE/11. html http://ccstudi.com/ Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] ie/11
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 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, 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
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;
padding:0;
position:absolute;
top:-30px;
left:0;
width:40%;
text-shadow:2px 2px 5px rgb(100,100,100)}
Thank you.
David Laakso
--
Chelsea Creek Studio
http://ccstudi.com
__
css-discuss [css-d@lists.css-discuss.org]
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/
>>>
>>>
>>>
>>> --
>>> Chris Rockwell
>>>
>>
>>
>>
>> --
>> Chris Rockwell
>>
>
>
>
> --
> Chris Rockwell
>
--
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
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/
Re: [css-d] ie/11
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 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
>>> 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;
>>> padding:0;
>>> position:absolute;
>>> top:-30px;
>>> left:0;
>>> width:40%;
>>> text-shadow:2px 2px 5px rgb(100,100,100)}
>>>
>>> Thank you.
>>> David Laakso
>>> --
>>> Chelsea Creek Studio
>>> http://ccstudi.com
>>> __
>>> css-discuss [css-d@lists.css-discuss.org]
>>> 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/
>>>
>>
>>
>>
>> --
>> Chris Rockwell
>>
>
>
>
> --
> Chris Rockwell
>
--
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
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/
Re: [css-d] ie/11
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, 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
>> 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;
>> padding:0;
>> position:absolute;
>> top:-30px;
>> left:0;
>> width:40%;
>> text-shadow:2px 2px 5px rgb(100,100,100)}
>>
>> Thank you.
>> David Laakso
>> --
>> Chelsea Creek Studio
>> http://ccstudi.com
>> __
>> css-discuss [css-d@lists.css-discuss.org]
>> 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/
>>
>
>
>
> --
> Chris Rockwell
>
--
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
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/
Re: [css-d] ie/11
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
> 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;
> padding:0;
> position:absolute;
> top:-30px;
> left:0;
> width:40%;
> text-shadow:2px 2px 5px rgb(100,100,100)}
>
> Thank you.
> David Laakso
> --
> Chelsea Creek Studio
> http://ccstudi.com
> __
> css-discuss [css-d@lists.css-discuss.org]
> 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/
>
--
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
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/
[css-d] ie/11
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;
padding:0;
position:absolute;
top:-30px;
left:0;
width:40%;
text-shadow:2px 2px 5px rgb(100,100,100)}
Thank you.
David Laakso
--
Chelsea Creek Studio
http://ccstudi.com
__
css-discuss [css-d@lists.css-discuss.org]
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/
