[css-d] Humbug!

[David Laakso]

Scrooge




-- 
A thin red line and a salmon-color ampersand forthcoming.
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] Monospace font-size anomaly in Webkit

[Philippe Wittenbergh]

On Dec 24, 2008, at 10:26 AM, David Hucklesby wrote:

> It seems that the "monospace" keyword affects more than just Webkit.
> Playing with the font stack as you suggested, I found that  
> *eliminating*
> that keyword made Webkit play along --- but using *only* that keyword
> gives Gecko the same bad behavior I noted for Gecko. Well, Firefox
> 3.0.4 on Mac, anyway.

'bad behaviour' is very relative [1]. But yes. Look at your prefs in  
Gecko: for 'monospace' the default is 13px (and that is cross  
platform), where as the default for serif/sans-serif is 16px. WebKit  
has the same font-size settings.

One of the reasons is that monospace fonts tend to be much larger  
(aspect-ratio) than serif/sans-serif fonts.

In the future, Gecko will probably get rid of all those settings  
completely, and use font-size-adjust to create an equally sized pref  
setting for fonts.

Ideally, in your situation, you'd use font-size-adjust. Unfortunately,  
that is only supported by Gecko.  I do this, progressive enhancement  
at work.

[1] and, as was clear from my previous answer, I don't think the  
behaviour in WebKit based browsers is a bug in the narrow sense of the  
word.

Philippe
---
Philippe Wittenbergh
http://l-c-n.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] Monospace font-size anomaly in Webkit

[David Hucklesby]

> On Dec 23, 2008, at 8:43 AM, David Hucklesby wrote:
>
>> In most browsers running on 96 DPI displays, a font-size of 82% displays at 
>> 13px.
>> With the font stacks I am using, this is the font-size I would like to use 
>> for
>> monospace fonts to match 100% font-size of other text.
>>
>> Oddly, with a base font-size of 100% on the BODY, Safari (Win & Mac) and 
>> Google
>> Chrome display monospace font of 82% at a miniscule 11px. Even more strange, 
>> if I
>> change the base font to 16px, Webkit now behaves as other browsers and 
>> displays this
>> same font at 13px.
>>
>> FWIW I do not see this behavior in other browsers - even Camino.
>>
>> Should I expect this?

On Tue, 23 Dec 2008 09:30:01 +0900, Philippe Wittenbergh kindly replied:
>
> Yes. In some way. It is a complicated issue with font-fallback and users 
> preferences.
> WebKit has indeed a different behaviour than others. They have, I believe, an 
> open bug
> on this.
>
> I assume that you've added the 'monospace' keyword in your rule for monospace 
> font.
> Compare the following: [style] pre {white-space: pre;} .a {font-family: 
> monospace;} .b
> {font-family: 'DejaVu Sans Mono', monospace;} .c {font-family: 'DejaVu Sans 
> Mono';} p
> {font-family: 'DejaVu Sans Mono';}
>
> [html]
>  
>  
>  
> 
>

Thank you, Philippe -

It seems that the "monospace" keyword affects more than just Webkit.
Playing with the font stack as you suggested, I found that *eliminating*
that keyword made Webkit play along --- but using *only* that keyword
gives Gecko the same bad behavior I noted for Gecko. Well, Firefox
3.0.4 on Mac, anyway.

Guess I'll just create a large font stack - without the keyword - 
covering all common fonts on Win, Mac, and Linux... And  pray.  ;)

Cordially,
David
--

__
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] ADMIN: Flash code for sound player

[eric]

Quoting Frynge Customer Support :

> Can anyone lead me to a good player in flash that is compatible with most
> browsers and will allow your music to be continued, (not interrupted) while
> switching from page to page?

Perhaps someone can, but a mailing list about CSS is absolute,  
completely, and entirely the wrong place to be asking.  Let's all  
please make sure to have exactly zero responses to this post show up  
on the list, so as to limit the amount of off-topicness.  Thanks.

--
Eric Meyer
List Chaperone

__
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] Drop Down Menus Behind Content

[Joseph Sims]

> 

> How do I get the menus to show up over the content?  Any help would be
> appreciated.  Thanks in advance.
> 

I did find this in your external sheet:


#menucp {
z-index=10;


instead of:

z-index:10;


  
__
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] Drop Down Menus Behind Content

[robmercer]

Merry Christmas to all.  This is a great group with many smart, helpful
people.

 

I am retooling an old site.  The site was done many years ago and is full of
table callouts and dated HTML coding.  The site uses drop down menus
triggered by an image map.  The pages of the site are all left justified.  I
want to use CSS positioning and I want to center the pages.  The current
site can be viewed at www.norwinalliance.org
 

 

I have set everything up and it looks OK except I can't get the drop down
menus to show up on top of the content.  I changed the z-index of the drop
downs to a higher value than the z-index of the content below.  This doesn't
seem to matter.  The main page (conceptual, I'm not yet done!  I know the
color choice sucks!) is located at
http://norwinalliance.org/index-center-CSS.html The style sheet can be
viewed at http://norwinalliance.org/positioning_styles_centered.css

 

How do I get the menus to show up over the content?  Any help would be
appreciated.  Thanks in advance.

__
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] IE 5 and 6-- main content div drop

[David Laakso]

Todd Bingham wrote:
> I tried your suggestion of adding overflow-x to the  CSS, but that was 
> evidently not enough for IE6;  and  I confess I was confused by the 
> rest of your suggestion.shown below;  are you saying I should add 
> a red border to that element, and is there a reason that the selector 
> doesn't start with an open curly bracedo I infer that it's 
> supposed to go with  the rest of the attributes?
>
> BTW as to the W3 validator:  the forms that I'm using on that page 
> from PayPal seem to be the villain therelots of errors from 
> the validator about thoseI have a query into them now
>
> thanks again for your indulgence
>
>
>>>
>>> http://www.ruthinstitute.org
>>>
>>
>
> Todd Bingham




Seems to work on this end in IE/6.0, IE/5.5, and IE5.01.  Please see 
 .  The relevant 
selector is at the very top of your embedded style sheet:

* html #mainContent {border:1px solid red/* 4 position 
only*/;overflow-x: hidden;width: 380px;}

The star hack:
* html
preceding the selector targets lower IE. Both an opening and closing 
brace are there. The width of the main content is narrowed to account 
for the IE "box model, " (adding horizontal padding to the width rather 
than including it in the width like compliant browsers); and, 
overflow-x: hidden; added to correct horizontal expansion of the content 
block. The red rule (border) is simply for the convenience of 
positioning -- to see what is where in the lower IEs -- delete it in the 
final version.

You (and the w3c validation service) will see this CSS comment just 
below chrome above the header:
/* -begin body 
 */
Either delete it or set as an html comment, like so:


__
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] Flash code for sound player

[Frynge Customer Support]

Can anyone lead me to a good player in flash that is compatible with most 
browsers and will allow your music to be continued, (not interrupted) while 
switching from page to page?

My site is here:
http://frynge.com/work/Todays%20Body%20Massage/dec19/

It doesnt seem to play the music in msie, but firefox seems to work (its a 
waterfall)

What I need is a good way to play the waterfall and letting the user click 
between pages, without it being interrupted.

Any help would be appreciated.


Kelly Sigethy - Frynge.com
Web Design - Hosting - Advertising
http://www.frynge.com
1-403-251-9486 (Calgary)
1-866-331-9684 (Toll Free - Canada and the USA)
+44 (0)8717 206 505 (United Kingdom)

- Original Message - 
From: "David Laakso" 
To: "Todd Bingham" 
Cc: 
Sent: Monday, December 22, 2008 7:26 PM
Subject: Re: [css-d] IE 5 and 6-- main content div drop


> Todd Bingham wrote:
>>
>> http://www.ruthinstitute.org
>>
>> seems to have something it my template page that won't play nice with
>> IE6 and some times 5...
>>
>> http://www.ruthinstitute.org/browsershot.jpg
>>
>>
>> todd
>>
>
> * html #mainContent { border:1px solid red/* 4 position only*/;
>overflow-x: hidden;
>width: 380px;
>}
> IE/6 is adding the horizontal padding to the width of the main content.
> Adding overflow-x: hidden; seems to control the auto expansion of that
> column. Quick checked local only, IE/6, 5.5, and 5.01.
> It could be a good idea to validate the markup and CSS.
>
>
>
>
> -- 
>
> A thin red line and a salmon-color ampersand forthcoming.
>
> 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-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/