Re: [css-d] IE6 Non-Existant Class Bug

[Bob Rosenberg]

At 12:59 -0400 on 09/26/2007, Seth Green wrote about [css-d] IE6 
Non-Existant Class Bug:

>As you will see if you load the page below... In IE6 the div remains
>red, even though it is explicitly set to green in the last rule.
>
>It seems that the middle rule, which targets a non-existant class is
>causing the problem. Remove that, and the div is green, even in IE6.
>
>Note: If instead of using the additional class selector in the last
>rule, I just use the id, then this problem also goes away.
>
>Has anyone ever experienced this issue? Is there a workaround?

Yes. Embed the correct version of the rule on the page. ID has to be 
unique on the page so IE6 is correct in stopping on the mismatch 
since when it finds the ID'ed tag with the wrong class on it since 
there can not be another tag with that ID to match. While it is 
theoretically valid to have more than one possible match, this would 
only be valid if the rules occur in a *.css Style Sheet. In that 
case, at least in theory, the rules could be intended to apply to 
different pages and should thus the rules should be fully parsed. 
Also, again at least in theory, if you rewrite the DOM text (and thus 
alter the class), the mismatch should NOT stop the parse.
-- 

Bob Rosenberg
RockMUG Webmaster
[EMAIL PROTECTED]
www.RockMUG.org
__
css-discuss [EMAIL PROTECTED]
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] (IE7) Bullets shift downward on items that wrap when width is applied

[Gunlaug Sørtun]

Rick Faircloth wrote:
> I haven't actually used that fix, myself, so there may be issues with
>  it.

Maybe there are, but at least it is an option. The vertical positioning
can also be improved by adding offset to the list...



regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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] (IE7) Bullets shift downward on items that wrap when width is applied

[Rick Faircloth]

I haven't actually used that fix, myself, so there may be
issues with it.  I think the idea of using a div to constrain
the width of the ul is probably best...also using background
images as bullets will work nicely and provide some enhanced
graphic options for the bullets...

Rick

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Philippe
Wittenbergh
Sent: Saturday, September 29, 2007 8:40 PM
To: CSS-D
Subject: Re: [css-d] (IE7) Bullets shift downward on items that wrap when
width is applied


On Sep 29, 2007, at 9:58 PM, Rick Faircloth wrote:

> Applying vertical-align: top; moved the bullet to the top of
> the text rows for each li...however, the bullet is a little too high
> for me and I didn't come up with a quick solution to moving the
> bullet down.
>
> ul li {list-style-type: disc; list-line-height: 130%; width: 250px;
> vertical-align: top; }

I hesitated to mention that workaround, as I have once run into some  
issues with that one, but I don't remember what it was, and I can't  
find me test file anymore. I think it had something to do with the  
bullet in one-line list-items being displayed incorrectly.

Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
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 [EMAIL PROTECTED]
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] (IE7) Bullets shift downward on items that wrap when width is applied

[Philippe Wittenbergh]

On Sep 29, 2007, at 9:58 PM, Rick Faircloth wrote:

> Applying vertical-align: top; moved the bullet to the top of
> the text rows for each li...however, the bullet is a little too high
> for me and I didn't come up with a quick solution to moving the
> bullet down.
>
> ul li {list-style-type: disc; list-line-height: 130%; width: 250px;
> vertical-align: top; }

I hesitated to mention that workaround, as I have once run into some  
issues with that one, but I don't remember what it was, and I can't  
find me test file anymore. I think it had something to do with the  
bullet in one-line list-items being displayed incorrectly.

Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
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] Rounded and extended

[David Laakso]

Ian Rutgers wrote:
> Pls take a look at http://www.breakthe800.ca/test/index_rounded.php
> (ignore colors).  I am almost where I want to be but have reached a
> roadblock.  I have now got the rounded corners but am having trouble
> getting the columns extend all the way to the footer (left, center
> columns) without content the way the far right column extends width
> content. 
>  
> Ian
>
>   







You might consider using "faux columns" [1] or the "companion column" 
[2] method.

Some of the liberties you took in the document make it 4.01 html rather 
than the doctype you specified [3].

I regret the header is not quite as intended in IE6, and the green block 
and those below it drop.

[1] 
(ala timed out on me at sat 6:35p)
[2] 
[3] 

Best,

~dL



** 


-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] Rounded and extended

[Ian Rutgers]

Hi everyone,

 

Pls take a look at http://www.breakthe800.ca/test/index_rounded.php
(ignore colors).  I am almost where I want to be but have reached a
roadblock.  I have now got the rounded corners but am having trouble
getting the columns extend all the way to the footer (left, center
columns) without content the way the far right column extends width
content. 

 

Help!

 

Thx in advance!

 

Ian

__
css-discuss [EMAIL PROTECTED]
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] coloring ordered list item numbers

[Rafael]

As far as I've seen, this isn't possible (with CSS alone). The most 
common way to achieve something similar is by using different background 
colors, which I believe is done like this...
  http://dev.rsalazar.name/css.d/ol-enum.html

Now, I found a minor issue with the "typical approach" where IE (6 & 
7) fails the padding/negative-margin  match by 1px. Also, I added a try 
I was playing with, that it's way too much (or simply jargon) for the 
IE's and it, once again, bring me with the issue Fx has when dealing 
with the ::before & ::after pseudo-elements. If anyone has time, please 
check it and let me know your thoughts on this --Oh, and sorry for the 
low contrast :p

By the way, this isn't really a new fad, this effect and others 
(like the one above) are really useful for reading code and even some 
medium/large "numbered" texts, and had been around for some time now.

tedd wrote:
> At 7:47 AM -0700 9/29/07, Joel D Canfield wrote:
>   
>> Maybe it's just me, but I've never thought of this before, yet I've seen
>> it asked here twice in the past week. New fad?
>>
>> joel
>> 
>
> Same here -- must be a new fad.
>
> However, it doesn't seem to me to be that useful:
>
> http://www.webbytedd.com/bb/first-item-rollover/
>
> Cheers,
>
> tedd
>   
__
css-discuss [EMAIL PROTECTED]
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 not giving horizontal scoll bar with a min width.

[Gunlaug Sørtun]

Dave Handler wrote:
> Greetings!
> 
> I'm working on this template for myself and so far it looks and acts 
> fine in Firefox.  IE is another story!  It seems that it (IE) totally
> ignores the min-width for anything!  Sitting here scratching my head!
> Why won't they fix that browser???

They say "it would break the web if they did", but other than that I
have no idea. What IE-version are you complaining about, btw?

> I'm half way tempted to throw the javascript up in there and if you 
> got a IE client tell you it's just to bad and tell you to go get 
> Firefox if you want to see my page!

That's always an option, but it won't help your page one bit.

> Here's the page in question http://handlersspot.net/test.html and of 
> course the css to it http://handlersspot.net/style1.css
> 
> Don't understand it!

Me neither, since I can't find 'min-width' _anywhere_ in your CSS.
Should be on body or #pagecontainer for it to have any effect. Of
course: IE6 wouldn't understand it anyway, but that's another matter.

IE7 present the page same as Firefox in an around 1280 wide window, and
IE6 is close - apart from the usual flickering / dropping of the right
column depending on the exact width since IE6 (and also IE7 to lesser
degree) has problems calculating width in percentages correctly and
overshoots 100%.

IE6 has its "auto-expansion" bug and can't handle overflow, so
float-drop is quite normal with wide content on narrow windows.

All of them give a horizontal scrollbar on narrow windows, but that has
nothing to do with 'min-width'.


BTW: the html element doesn't have margins or paddings, so no need/use
zeroing those. It is body that needs resets to zero.

This many source code errors...

...can't be justified.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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] coloring ordered list item numbers

[tedd]

At 7:47 AM -0700 9/29/07, Joel D Canfield wrote:
>Maybe it's just me, but I've never thought of this before, yet I've seen
>it asked here twice in the past week. New fad?
>
>joel

Same here -- must be a new fad.

However, it doesn't seem to me to be that useful:

http://www.webbytedd.com/bb/first-item-rollover/

Cheers,

tedd

-- 
---
http://sperling.com  http://ancientstones.com  http://earthstones.com
__
css-discuss [EMAIL PROTECTED]
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 not giving horizontal scoll bar with a min width.

[Dave Handler]

Greetings!

I'm working on this template for myself and so far it looks and acts 
fine in Firefox.  IE is another story!  It seems that it (IE) totally 
ignores the min-width for anything!  Sitting here scratching my head!  
Why won't they fix that browser???  I'm half way tempted to throw the 
javascript up in there and if you got a IE client tell you it's just to 
bad and tell you to go get Firefox if you want to see my page!

Here's the page in question http://handlersspot.net/test.html and of 
course the css to it http://handlersspot.net/style1.css

Don't understand it!

Thanks in advance!

Regards,

Dave
__
css-discuss [EMAIL PROTECTED]
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] coloring ordered list item numbers

[Joel D Canfield]

> Is there a "CSS way" of handling it without extraneous markup:
> 
> foo

Nope. (Okay, not that I know of.) Different browser/speed of the wind/OS
combinations seem to handle list bullets very differently.

Which makes this 'necessary markup' rather than 'extraneous markup',
yes? ;)

Maybe it's just me, but I've never thought of this before, yet I've seen
it asked here twice in the past week. New fad?

joel
__
css-discuss [EMAIL PROTECTED]
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] (IE7) Bullets shift downward on items that wrap when width is applied

[Rick Faircloth]

Hi, Bob...

Applying vertical-align: top; moved the bullet to the top of
the text rows for each li...however, the bullet is a little too high
for me and I didn't come up with a quick solution to moving the
bullet down.

ul li {list-style-type: disc; list-line-height: 130%; width: 250px;
vertical-align: top; }

Another alternative is to style the list with bullet background images...

Rick


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Bob Salsburg
Sent: Friday, September 28, 2007 10:10 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] (IE7) Bullets shift downward on items that wrap when width
is applied

http://www.christchurchgastonia.org/bullets.html

I lifted these two lists out of my page to troubleshoot style elements, 
etc. I even embedded the relevant styles in the header. It appears 
that, in IE7 (gr), the bullets shift to the last line in a wrapped 
item.  So, I present this simplified example for your perusal. 

Browsers that work are legion: All in fact - well, it wouldn't surprise 
me if IE6 was broken too. I don't have it.

Bob
__
css-discuss [EMAIL PROTECTED]
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 [EMAIL PROTECTED]
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] coloring ordered list item numbers

[Anthony Ettinger]

I have a simple OL


   foo
   bar



I want to color the numbers blue and the text inside  green;

blue  |  green

  1.   foo
  2.   bar


This would seem rather common, but alas I can't find a well-supported solution.

I've tried li:first-letter { color: blue; }
I've also tried re-implementing the counter and counter-increment css
properties for  but that also is only supported in Opera and FF.

I tried a mix of the two, but then safari and others don't pick it up.

Is there a "CSS way" of handling it without extraneous markup:

foo


-- 
Anthony Ettinger
Ph: 408-656-2473
var (bonita, farley) = new Dog;
farley.barks("very loud");
bonita.barks("at strangers");

http://chovy.dyndns.org/resume.html
http://utuxia.com/consulting
__
css-discuss [EMAIL PROTECTED]
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/