Re: [css-d] font-sizing bug in generated content in IE 10 ?

2013-04-26 Thread Philippe Wittenbergh

Le 26 avr. 2013 à 00:17, Gabriele Romanato  a 
écrit :

>  You first declared a font-size on a type selector, p, with
> a pseudo-element, then you declared a class with another pseudo-element on
> the same element type

The font-size is applied on the pseudo-element, not on the p. For both 
paragraphs the pseudo-element should compute the font-size based on the parent 
element.

Yukka wrote:

> This looks definitely like a bug to me. The main practical issue with it is 
> that we don’t know what really triggers it, so we can’t say for sure how to 
> avoid or circumvent it.

Definitely a bug. And IE 9 has the same issue. Surprisingly, IE 8 has it right 
(when substituting the CSS2.1 notation using a single column). And no, using 
the CSS2.1 notation does not make it work in IE 9 and 10… No idea what secret 
sauce the MSIE team has added in the mix, so I can't suggest any possible 
workaround.

Philippe
--
Philippe Wittenbergh
http://l-c-n.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] font-sizing bug in generated content in IE 10 ?

2013-04-26 Thread Georg

On 26.04.2013 05:00, Philippe Wittenbergh wrote:
No idea what secret sauce the MSIE team has added in the mix, so I 
can't suggest any possible workaround. 


This IE bug makes me break the convention not to use fixed font-size on 
web pages, applying font-size in "px" on the generated content in IE9+ 
only - hacked in. Seems to work reasonably well.


regards
Georg

__
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] font-sizing bug in generated content in IE 10 ?

2013-04-26 Thread Philip TAYLOR


Georg wrote:

> This IE bug makes me break the convention not to use fixed font-size on
> web pages, applying font-size in "px" on the generated content in IE9+
> only - hacked in. Seems to work reasonably well.

Better than "rem", Georg ?  Having been forced to use "rem" for this
fix, I am now considering adopting them more widely.

Philip Taylor
__
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] font-sizing bug in generated content in IE 10 ?

2013-04-26 Thread Tom Livingston
On Fri, Apr 26, 2013 at 2:35 PM, Philip TAYLOR  wrote:
>
>
> Georg wrote:
>
>> This IE bug makes me break the convention not to use fixed font-size on
>> web pages, applying font-size in "px" on the generated content in IE9+
>> only - hacked in. Seems to work reasonably well.
>
> Better than "rem", Georg ?  Having been forced to use "rem" for this
> fix, I am now considering adopting them more widely.
>
> Philip Taylor


Support isn't too bad for rem. What's best practice fall back for using rem?



--

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] font-sizing bug in generated content in IE 10 ?

2013-04-26 Thread Georg

On 26.04.2013 14:35, Philip TAYLOR wrote:
Better than "rem", Georg ? Having been forced to use "rem" for this 
fix, I am now considering adopting them more widely.


Haven't bothered to test out what's best in bug-cases like this, only 
what works and seem to do no real harm. The "rem" unit do look better on 
paper though.


regards
Georg

__
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] background image not appearing

2013-04-26 Thread COM
given the  code below and that my "bricktile.jpg" is 1 level up from my 
index.html in a folder named "image" can anyone tell me why my background-image 
refuses to appear?

I've been looking at it for half hour and I am baffled. thank you for any clues.

John

body{
font-size:100%;
font-family:Helvetica Neue, Verdana, Arial, sans-serif;
background-image:url(image/bricktile.jpg);
}


__
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] background image not appearing

2013-04-26 Thread Philip TAYLOR


COM wrote:

> given the  code below and that my "bricktile.jpg" is 1 level up from
> my index.html in a folder named "image" can anyone tell me why my
> background-image refuses to appear?

Because it is one level up, not one level down.
Philip Taylor

> 
> I've been looking at it for half hour and I am baffled. thank you for
> any clues.
> 
> John
> 
> body{ font-size:100%; font-family:Helvetica Neue, Verdana, Arial,
> sans-serif; background-image:url(image/bricktile.jpg); }
> 
> 
> __
>
> 
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/
> 

-- 
If I can't see the start of your reply without scrolling, there is a
99.9% probability that your message will be ignored.  And if all that I
can see is recycled text from earlier messages in the thread, the
probability will increase to 100%.
__
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] background image not appearing

2013-04-26 Thread Micky Hulse
Howdy,

On Fri, Apr 26, 2013 at 3:50 PM, COM  wrote:
> given the  code below and that my "bricktile.jpg" is 1 level up from my 
> index.html in a folder named "image" can anyone tell me why my 
> background-image refuses to appear?

Have you tried:

background-image:url(../image/bricktile.jpg);
__
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] background image not appearing

2013-04-26 Thread COM

On Apr 26, 2013, at 4:04 PM, Micky Hulse  wrote:

> Have you tried:
> 
> background-image:url(../image/bricktile.jpg);

That works, but I don't get it because for the css, THIS works: 
css/hwthreestyles.css

where css is the folder where the .css file lives.  why the leading ../ for the 
image but not needed for the css?

thank you!

John
__
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] background image not appearing

2013-04-26 Thread Tom Livingston
Background images are relative to the CSS not the HTML 
—
Sent from Mailbox for iPhone

On Fri, Apr 26, 2013 at 7:12 PM, COM  wrote:

> On Apr 26, 2013, at 4:04 PM, Micky Hulse  wrote:
>> Have you tried:
>> 
>> background-image:url(../image/bricktile.jpg);
> That works, but I don't get it because for the css, THIS works: 
> css/hwthreestyles.css
> where css is the folder where the .css file lives.  why the leading ../ for 
> the image but not needed for the css?
> thank you!
> John
> __
> 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-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] background image not appearing

2013-04-26 Thread COM

On Apr 26, 2013, at 4:14 PM, "Tom Livingston"  wrote:

> Background images are relative to the CSS not the HTML 

I get that but here's a screen grab showing that the image is "1 folder up" and 
that the .css file is, too "1 folder up"

ergo, the same relationship from html file to css file as from html file to 
image file. Isn't it? Different folders, yes, but "1 up?"

link:

http://coffeeonmars.com/screenshots/imagecsshtml.jpg

__
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] background image not appearing

2013-04-26 Thread COM

On Apr 26, 2013, at 4:26 PM, COM  wrote:

>> Background images are relative to the CSS not the HTML 

Wait..so…you're saying that the .css document is "making the call" for the 
background image and NOT the HTML page?
so, if the styles were in the html document head, THEN it would be one up?

Sorry, I just really need to get this straight in my head, who's lookin for 
what in this hierarchy..

thank you,

John
__
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] background image not appearing

2013-04-26 Thread COM

On Apr 26, 2013, at 4:29 PM, "Tom Livingston"  wrote:

> Right so you have to back out of the CSS dir then go into the image dir to 
> get your background image, where as the HTML just had to go into the CSS dir 
> to get the sheet.
> 

OK..alright…this is a key bit of learning for Johnny today..thank you.

J

__
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] background image not appearing

2013-04-26 Thread Tom Livingston
Correct
—
Sent from Mailbox for iPhone

On Fri, Apr 26, 2013 at 7:29 PM, COM  wrote:

> On Apr 26, 2013, at 4:26 PM, COM  wrote:
>>> Background images are relative to the CSS not the HTML 
> Wait..so…you're saying that the .css document is "making the call" for the 
> background image and NOT the HTML page?
> so, if the styles were in the html document head, THEN it would be one up?
> Sorry, I just really need to get this straight in my head, who's lookin for 
> what in this hierarchy..
> thank you,
> John
> __
> 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-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/