from:"Janet Lynn Ford"

[css-d] Firefox & the new pixel density ??

2013-07-08 Thread Janet Lynn Ford

Hello to All,
I recently upgraded Firefox to version22 and was surprised and confused to
learn this:

*Firefox 22 is now respecting the pixel density you've set on a system
level in the windows control panel > appearance > display. more information
about that is available at **
http://windows.microsoft.com/en-us/windows7/make-the-text-on-your-screen-larger-or-smaller
*

So what this means is that any pages viewed in Firefox are now rendering as
if I have 'zoomed' in with a user "ctrl + +" and both text and images are
displaying larger than normal. This is forcing all my targeted CSS files
(using media queries) to display incorrectly. To see what I mean, view:
http://worqx.com/temp/FF-Chrome-IE.htm
In the screen shot above, I set the window size to "1024x768" with each of
the browsers web developer tool bars. Although the Firefox one should be
1024 pixels, it display at a real size of 1140 pixels as my Windows
settings are customized to be 110%.

I work on a large monitor, and for the most part, the only applications I
maximize to the full 1920 x 1200 viewable area are thing like Photoshop or
Illustrator. I keep browser windows at around 1024 or so I can have
multiple applications viewable at the same time.

Firefox now returns what 'should be' the CSS delivered to a tablet in
portrait view. To see screen shots of the comparison of Firefox and Chrome
at equal physical sizes, view this page: http://worqx.com/temp/FF-Chrome.htm

I was wondering a number of things...
1. Is there a way to target this with media queries (I read that now one
can target dpi, but I am curious if any one is doing so, what the problems
and/or negative effects of doing so will be.
2. Does this seem strange to others? I feel like I am back in 1996 and
facing the IE/Netscape browser wars once again.
3. Is this just the wave of the future and will all browsers be doing this
as well?

Help?
Thanks in advance for any insight.

Janet
__
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] Troubleshooting Background Images

2006-07-28 Thread Janet Lynn Ford

> body {background:#ccc; url(img_36.gif) repeat; margin:5px; padding:5px;

Hi Carrie,
You just have an extra semi-colon.
Instead of this: background:#ccc; url(img_36.gif) repeat;
try this: background:#ccc url(img_36.gif) repeat;

Janet
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS conferences/symposiums

2006-07-26 Thread Janet Lynn Ford

> at this point, and that I look to see if there are conferences or
> anything out there for CSS.  Anyone know about this?
>

This one might be interesting: http://www.refresh06.com/schedule/

Also, this list keeps track of about any upcoming events that are Web
related: http://www.d.umn.edu/itss/support/Training/Online/webdesign/events.html

Janet
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] 3 column layout not working in Safari

2006-07-25 Thread Janet Lynn Ford

Hi Becky,
I can't offer a solution, but this link will let you view your layout
in Safari on a Mac: http://www.snugtech.com/safaritest/
Regards,
Janet


On 7/25/06, Becky Smurr <[EMAIL PROTECTED]> wrote:
> Good Morning!
>
> I would greatly appreciate it if a Mac user would please give this a look.  
> Three column layout works fine in IE and Firefox on a PC (also ok in Firefox 
> on a Mac), but then there is Safari...I'm told the columns are not holding 
> their positions (don't have a Mac myself to see what's going on firsthand).  
> Any suggestions?
>
> Sample home page here:
> http://depts.washington.edu/edutech/aclam-test/
>
> CSS here:
> http://depts.washington.edu/edutech/aclam-test/styles.css
>
> Thanks in advance.
>
> Becky
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with a:hover

2006-06-03 Thread Janet Lynn Ford

> The site is at www.989studiowebhosting.com and the CSS file is
> www.989studiowebhosting.com/989style.css
>

Hi Rudi,
Also, I think the links are not displaying a :hover change because the
links link to the same page: Home
Try changing  to  and the hover effect
(link disappears due to #CC) is apparent.
Janet
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE woes with overlfow: hidden & a table

2006-04-24 Thread Janet Lynn Ford

> > Everything was fine until I included a table. In IE. Now if a user
> > increases his font size, the table doesn't stay within it's
> > containing block, and is hidden behind the right column.

>
> I would try to utilize another IE/flaw, and add this...
>
> table {position: relative; z-index: 1; background: #fff;}
>
> ...which should make IE forget about that 'overflow: hidden' when it
> reaches the table. Should work since there's space for that table to
> overflow onto.
>
> Georg
> --
> http://www.gunlaug.no


Works like a charm - thank you very much!
Janet
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE woes with overlfow: hidden & a table

2006-04-24 Thread Janet Lynn Ford

Hello to All,
I'm updating a table based site to CSS layout, and have been
reasonably happy with the results so far, but one page is causing me
IE woes.

Although trying to optimize for a screen sizes of 1024x768+, we want
the layout to hold at 800x600, and the only thing causing problems in
IE was a couple inline images, so I decided that "oveflow: hidden" was
the way to go as it wasn't too much of an issue to crop a bit off an
image at the lower resolution (and images will be linked to larger
image views, so all could view if need be.)

Everything was fine until I included a table. In IE. Now if a user
increases his font size, the table doesn't stay within it's containing
block, and is hidden behind the right column.
http://www.marchingcardinals.org/newlook/fundraising.htm
Since IE doesn't like min/max widths, I don't know how to contain it.

Works great in Firefox, Opera & Netscape.

Suggestions will be most appreciated!

Thanks,
Janet

css: http://www.marchingcardinals.org/newlook/css/IE6.css
http://www.marchingcardinals.org/newlook/css/layout.css
http://www.marchingcardinals.org/newlook/css/text.css

http://www.marchingcardinals.org/newlook/index.htm
(existing: http://www.marchingcardinals.org/)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE Mac check - problem with unordered list

2005-12-12 Thread Janet Lynn Ford

Hello to All,
I've run into an IE Mac issue & was wondering if anyone has seen the problem
before and knows how to fix it.
I'm using a list (display: inline) for horizontal navigation:

On the Mac, (which I viewed at Kinko's last night) the borders show up on
the left of the page, while the links contained within the  are aligned
to the right?

On Netscape, Safari & Firefox (Mac) everything is pretty close to how it
should be.
PC browsers are fine (with minor IE5 issues still to be fixed.)

Any help or suggestions will be greatly appreciated!

Thanks,
Janet

*HTML: http://tinyurl.com/89fjq*
**
*CSS:http://tinyurl.com/cnhl4  &  http://tinyurl.com/8kjak*

 #Header {text-align: right;}

#HeaderLinks ul {margin: 0 0 0 0; padding: 0;}

#HeaderLinks li {display: inline; margin: 0; padding: .25em 0 .25em 0;
border-left: 1px solid #FF;}

#HeaderLinks a, #HeaderLinks a:link, #HeaderLinks a:visited {font-size:
.8em; font-weight: bold; color: #FF; background-color: #770C00; padding:
.25em 1em .25em 1em; text-decoration: underline;}


**
**
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Layer Behaviors & CSS

2005-08-03 Thread Janet Lynn Ford

> Hi, I'm still a beginner with CSS--I'm working on a site that has hide/show
> javascript layer behaviors generated in Dreamweaver (you mouse over an
> image and text layers/divs change to different text layers). Is there a way
> to do this using CSS, the way one does hover and on click,  instead of
> javascript? If it wasn't for this this my code would be compliant.


Here is one example from Eric Meyer's web site:
http://www.meyerweb.com/eric/css/edge/popups/demo2.html
that might be what you're looking for.

But what "compliancy" are you trying to obtain? Dreamweaver code won't
validate as XHTML because it generates "onMouseOver" and it needs to
be: "onmouseover" (no caps). If you're seeking to be compliant with
accessibility & section 508, then it's another subject.

hth,
Janet
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site check & IE Mac issue

2005-06-09 Thread Janet Lynn Ford

> Wish I could offer more than screen captures of the 'evil one:'
> win/2000-5/5.5/6.0 at 800 & 1024.
> 
> > http://www.hopetribute.org/new-site/index.htm>Janet

Thanks David, I appreciate the screens. Guess I'll have to play a bit
more with the conditional comments however as I thought I had those
resolved. :(
Janet
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site check & IE Mac issue