Re: [css-d] nth child styling broke with change to class

[David Laakso]

 On 9/3/10 1:04 AM, Kim Brooks Wei wrote:

At 9:31 PM -0400 9/2/10, David Laakso wrote:

On 9/2/10 8:23 PM, Kim Brooks Wei wrote:
I have nth child even-odd styling on this page set up as an ID. When 
I changed this to class so I could set up a second styled section 
farther down the page the styling broke. Any ideas as to why?

http://bit.ly/ad7AEl




I am not quite sure what you mean? And it may well be that I simply 
do not understand the question or the relevant CSS specifications.


It would seem to me, If you set it to a class then it must be a class 
in /both/ the CSS /and/ the markup. And either way -- class or id --

that attribute is not supported in any version of IE-- including IE/8.

Best,

Helen Adams Keller
Tuscumbia, Alabama



Hmmm, Hellen Keller,

I did change both my markup and css. I truly don't know why an id 
would work but not a class. Is there something else IE consumes 
without indigestion that will permit me to color the background on 
every second listing in a ul?


Cheery Kimi
--






I don't know why it does not work, either :-) .

Try jQuery [off-topic for this list] for IE.


Dr Larka
Mexico City

PS Difficulty with type set 20 percent smaller than default on a 116.5 
dpi MBP... that page is really quite nice when viewed at default.



--
:: desktop and mobile ::
http://chelseacreekstudio.com/

__
css-discuss [cs...@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] Artifact on CSS dropdown menu

[Chris F.A. Johnson]

On Fri, 3 Sep 2010, Michael Adams wrote:


This is a concept website that i am working on. The main issue i am having
with it is a line which extends of to the left when the ul:hover is activated
in various browsers. There is a gap of a couple of pixels between the parent
 and the first child  which seems to get exagerated on different
browsers as well. ...

http://www.quickconvert.net/index.html


I see a different problem:
  

--
   Chris F.A. Johnson, 
   Author:
   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
__
css-discuss [cs...@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] Artifact on CSS dropdown menu

[Michael Adams]

This is a concept website that i am working on. The main issue i am having 
with it is a line which extends of to the left when the ul:hover is activated 
in various browsers. There is a gap of a couple of pixels between the parent 
 and the first child  which seems to get exagerated on different 
browsers as well. Quite pleased to see IE8 now supports hover on arbitrary 
elements.

http://www.quickconvert.net/index.html

TIA

-- 
Michael
__
css-discuss [cs...@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] nth child styling broke with change to class

[Kim Brooks Wei]

At 9:31 PM -0400 9/2/10, David Laakso wrote:

On 9/2/10 8:23 PM, Kim Brooks Wei wrote:

I have nth child even-odd styling on this page set up as an ID. 
When I changed this to class so I could set up a second styled 
section farther down the page the styling broke. Any ideas as to 
why?

http://bit.ly/ad7AEl




I am not quite sure what you mean? And it may well be that I simply 
do not understand the question or the relevant CSS specifications.


It would seem to me, If you set it to a class then it must be a 
class in /both/ the CSS /and/ the markup. And either way -- class or 
id --

that attribute is not supported in any version of IE-- including IE/8.

Best,

Helen Adams Keller
Tuscumbia, Alabama



Hmmm, Hellen Keller,

I did change both my markup and css. I truly don't know why an id 
would work but not a class. Is there something else IE consumes 
without indigestion that will permit me to color the background on 
every second listing in a ul?


Cheery Kimi
--

[ Kimi Wei
thewei.com
@kimiwei
(t) 862.203.8814
p o box 626
fair lawn, nj 07410 ]
__
css-discuss [cs...@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] nth child styling broke with change to class

[David Laakso]

 On 9/2/10 8:23 PM, Kim Brooks Wei wrote:
I have nth child even-odd styling on this page set up as an ID. When I 
changed this to class so I could set up a second styled section 
farther down the page the styling broke. Any ideas as to why?

http://bit.ly/ad7AEl





I am not quite sure what you mean? And it may well be that I simply do 
not understand the question or the relevant CSS specifications.


It would seem to me, If you set it to a class then it must be a class in 
/both/ the CSS /and/ the markup. And either way -- class or id --

that attribute is not supported in any version of IE-- including IE/8.

Best,

Helen Adams Keller
Tuscumbia, Alabama


--
:: desktop and mobile ::
http://chelseacreekstudio.com/

__
css-discuss [cs...@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] nth child styling broke with change to class

[Kim Brooks Wei]

I have nth child even-odd styling on this page set up as an ID. When 
I changed this to class so I could set up a second styled section 
farther down the page the styling broke. Any ideas as to why?

http://bit.ly/ad7AEl
--

[ Kimi Wei
thewei.com
@kimiwei
(t) 862.203.8814
p o box 626
fair lawn, nj 07410 ]
__
css-discuss [cs...@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] [+] Re: IE7 and IE6 Problem with Background-Image property using .png

[Thierry Koblentz]

> > Also there is a question on the CSS WG list by dbaron [6] which
> started
> > a small thread
> 
> 
> I find also this from Anton Prowse [1] [2]. Plenty of mention of
> something that you Thierry have become acquainted with, that is a
> 'block formatting context'.
> 
> 
> 1. 
> 
> 2. 


Yes, there are a few interesting things in there.

This ticket https://bugzilla.mozilla.org/show_bug.cgi?id=590491 and also
your text cases [1]. Showing a painting difference for outline and border
(besides the float issue). 
For the float there is no surprise in IE 6/7 in which body always has a
layout and behave more or less like a BFC (enclosing floats). 

[1] http://css-class.com/test/css/visformatting/root-bfc-icb1.htm

--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

__
css-discuss [cs...@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] See only 1/2 of liquid layout at 800x600

[David Laakso]

 On 9/2/10 11:31 AM, Kim Brooks Wei wrote:

Hey David,

Thank you! I shot you an email thanking you for this layout a couple 
of days ago. It's probably sitting in your trash folder where a lot of 
my emails end up being filtered : (.





Yes, I know... I saw your mail and I read it. I sent you the same link 
today because your site  is still broken [in all 
browsers at 1024, and 800].  As I recall, no change were made by me 
within your markup. All I can suggest is to temporarily subsitute my 
style sheet for yours, and see if it makes any difference.  I guess you 
either made none of the changes that I suggested [I did not look at your 
style sheet], or -- you selectively made only some of the suggested 
changes.







Checking another site at http://bit.ly/ajpTTb I have the same problem 
at lower resolutions. Is it just the way my Mac is rendering those 
screen resolutions or is half of this page really missing too (and no 
h scrollbar here either)?




That page renders fine here in:
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.4; en-US; rv:1.9.2.8) 
Gecko/20100722 Firefox/3.6.8

at:

Higher resolutions and:
1024x768
800x600
640x480 {let col float drop]

Best,
~d

PS Bottom posting is not a list-policy but is warmly encouraged. Thanks.

[1] < http://chelseacreekstudio.com/ca/cssd/kim.html>





--
:: desktop and mobile ::
http://chelseacreekstudio.com/

__
css-discuss [cs...@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] [+] Re: IE7 and IE6 Problem with Background-Image property using .png

[Alan Gresley]

Alan Gresley wrote:

Also there is a question on the CSS WG list by dbaron [6] which started 
a small thread



I find also this from Anton Prowse [1] [2]. Plenty of mention of 
something that you Thierry have become acquainted with, that is a 
'block formatting context'.



1. 

2. 




--
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@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] [+] Re: IE7 and IE6 Problem with Background-Image property using .png

[Alan Gresley]

Thierry Koblentz wrote:

Hi Philippe,


No, not really. The spec is about both.
 Unless the root element has a background, the background is propagated
to the viewport. If no background-repeat is specified, the image will
then be painted all over the space/canvas. If background-repeat is
specified (no-repeat), the space created by  (it's computed
height) will be used for background-position - the root element is not
taller than the body element, unless a height on the root element is
specified.

see 4th paragraph under 'The background':
http://www.w3.org/TR/CSS21/colors.html#background


This part below makes a lot of sense regarding how browsers paint a
positioned background when there is no background for .  


If background-repeat is specified (no-repeat), the space created by 

(it's computed

height) will be used for background-position


But are you quoting the spec? Because I can't find the above in that section
(14.2). 
I can't find any mention of "background-repeat" in these 4 paragraphs.

Actually, what I find in there is kind of confusing (may be *you* should
write the spec ;)

"Such backgrounds must also be anchored at the same point as they would be
if they were painted only for the root element."


--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz



The parts of the specs that are relevant are 'The Background' [1], 
'The Canvas' [2], The Viewport [3] and either heights and margins for 
Block-level non-replaced elements in normal flow when 'overflow' 
computes to 'visible' [4] or Auto heights for block formatting roots [5].


Also there is a question on the CSS WG list by dbaron [6] which 
started a small thread there where I added this [7] along with some 
test cases [8]. Gecko does something different to Webkit, Opera and 
IE8. IE7- shows the bug regarding background-position and the y-axis 
from the thread on this list.




1. 
2. 
3. 
4. 
5. 
6. 
7. 
8. 


--
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@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] [+] css3 pie?

[Thierry Koblentz]

> Has anyone used this?
> 
> css3pie.com

No, but I just twitted this:

CSS3 Playground by Mike Plate: http://css3.mikeplate.com/ /* cool stuff */

--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

__
css-discuss [cs...@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] css3 pie?

[jeffrey morin]

Has anyone used this?

css3pie.com

Am looking for any positive and negative views on this.

Thanks,
Jeff
__
css-discuss [cs...@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] See only 1/2 of liquid layout at 800x600

[Kim Brooks Wei]

Hey David,

Thank you! I shot you an email thanking you for this layout a couple 
of days ago. It's probably sitting in your trash folder where a lot 
of my emails end up being filtered : (.


Checking another site at http://bit.ly/ajpTTb I have the same problem 
at lower resolutions. Is it just the way my Mac is rendering those 
screen resolutions or is half of this page really missing too (and no 
h scrollbar here either)?


Kimi


 On 9/2/10 9:46 AM, Kim Brooks Wei wrote:

Hi All,

If my layout is liquid - that means to me that it resizes to fit 
any browser window - why is it that I can see only part of it (and 
no scroll bar to see the rest) at lower resolutions?


Pondering the mystery in metro New York
Kimi







I don't know Kim. This may not be the best solution to hit the plant 
[1], but the nav does drop in any width window and there is a 
vertical scroll bar at 800. Adding soft-hyphens to the long words in 
the red-like blocks will keep them from escaping at 800.


Best,
Metro Boston
[1] < http://chelseacreekstudio.com/ca/cssd/kim.html>



--
:: desktop and mobile ::
http://chelseacreekstudio.com/

__
css-discuss [cs...@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/



--

[ Kimi Wei
thewei.com
@kimiwei
(t) 862.203.8814
p o box 626
fair lawn, nj 07410 ]
__
css-discuss [cs...@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] [+] Re: IE7 and IE6 Problem with Background-Image property using .png

[Thierry Koblentz]

Hi Philippe,

> No, not really. The spec is about both.
>  Unless the root element has a background, the background is propagated
> to the viewport. If no background-repeat is specified, the image will
> then be painted all over the space/canvas. If background-repeat is
> specified (no-repeat), the space created by  (it's computed
> height) will be used for background-position - the root element is not
> taller than the body element, unless a height on the root element is
> specified.
> 
> see 4th paragraph under 'The background':
> http://www.w3.org/TR/CSS21/colors.html#background

This part below makes a lot of sense regarding how browsers paint a
positioned background when there is no background for .  

> If background-repeat is specified (no-repeat), the space created by 
(it's computed
> height) will be used for background-position

But are you quoting the spec? Because I can't find the above in that section
(14.2). 
I can't find any mention of "background-repeat" in these 4 paragraphs.
Actually, what I find in there is kind of confusing (may be *you* should
write the spec ;)

"Such backgrounds must also be anchored at the same point as they would be
if they were painted only for the root element."


--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

__
css-discuss [cs...@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] See only 1/2 of liquid layout at 800x600

[David Laakso]

 On 9/2/10 9:46 AM, Kim Brooks Wei wrote:

Hi All,

If my layout is liquid - that means to me that it resizes to fit any 
browser window - why is it that I can see only part of it (and no 
scroll bar to see the rest) at lower resolutions?


Pondering the mystery in metro New York
Kimi







I don't know Kim. This may not be the best solution to hit the plant 
[1], but the nav does drop in any width window and there is a vertical 
scroll bar at 800. Adding soft-hyphens to the long words in the red-like 
blocks will keep them from escaping at 800.


Best,
Metro Boston
[1] < http://chelseacreekstudio.com/ca/cssd/kim.html>



--
:: desktop and mobile ::
http://chelseacreekstudio.com/

__
css-discuss [cs...@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] See only 1/2 of liquid layout at 800x600

[Kim Brooks Wei]

Hi All,

If my layout is liquid - that means to me that it resizes to fit any 
browser window - why is it that I can see only part of it (and no 
scroll bar to see the rest) at lower resolutions?


Pondering the mystery in metro New York
Kimi

--

[ Kimi Wei
thewei.com
@kimiwei
(t) 862.203.8814
p o box 626
fair lawn, nj 07410 ]
__
css-discuss [cs...@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] Disappearing Navigation Bar

[David Laakso]

 On 9/2/10 1:48 AM, taestrada wrote:



This is the url:  http://www.pastrycraftseattle.com



Thank you so much. It worked!

Alix







O.K. so far. But we're not quite finished.

1/ In the sidebar in IE 6/7 the top of the colored-block that reads 
"Sign up for a class" kisses the bottom of the horizontal nav bar. 
Compliant browsers have a 15px horizontal gutter between them.
2/ In IE/6 the page proper is a bit too wide [there is a vertical white 
rule on it's right-side ].


The corrections are:

*:first-child + html #column2 {padding-top:15px}/*IE/7.0*/
* html #column2 {padding-top:15px}/*IE/6.0*/
* html #containerArea {overflow-x:hidden;}/*IE/6.0*/

reference: 

Best,
Julia Child





--
:: desktop and mobile ::
http://chelseacreekstudio.com/

__
css-discuss [cs...@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/