On 3/27/2011 7:39 AM, HallMarc Websites wrote: >> I fixed the path to my style sheet for 800x600 screens but when I test it > at >> that screen setting, I still get the style sheet for bigger screens. >> The validator says "unrecognized media screen and (max-device-width: >> 800px)" >> I'm steeling myself for the discovery of another dopey error. >> >> http://www.keithpurtell.com/kthings/ >> >> - Keith Purtell >> > > use > <link rel="stylesheet" type="text/css" media="screen and (max-device-width: > 799px)" href="css/style800.css"> > and see this page > http://www.ist.rit.edu/~jxs/services/mediaQueries.html > Change to 799px had no effect when viewed on my PC.
I'm interested in Alan's reply about that but the jargon w3.org uses in its recommendations confounds me. I only understand real-world syntax as it appears in Web page source. The html tag was gone from most of my pages. I can guess what happened; the power of "search-and-replace: entire site" can be disastrous. * width: 940px is (I'm told by experienced people) a hack to get around the fact that IE ignores max-width: 940px. I've temporarily removed the hacks until I sort out these other issues. The main style sheet always being called is precisely my problem. Here's the "trigger" ... I built the site at my usual 1024x768 display setting and it looked fine. Was reminded by several people this was unfair to people with smaller screens. My first effort to accommodate by creating liquid/responsive (still sorting out the distinctions between these terms) css but I didn't have a firm enough comprehension to make it work right. So I decided to at least provide for people on 800x600 screens. Yes, I understand they are a minority, but if it's within my power to respect such a minority I will try. I went into my Display control panel and changed my screen to display at 800x600. Then I built a style sheet within that environment. My test page was set up so that the only style sheet called was the 800 version. It looked fine on my screen; I was pleased. Then I added what I thought was a correct media redirect that would call the 800x600 sheet if that was what the visitor was using. I uploaded pages with the additional 800 redirect to the site. I fired up Firefox and went to the site. It wasn't working. Did a force reload to clear the cache; still wasn't working. Ran the html through a validation check and it passed. Used one of my Web developer tool bars that has a "View CSS" option that shows me which style sheet is in force. Sure enough, it was calling the main sheet not the 800. Tested it in Chrome (works great), Opera (needs a few more pixels clearance on the right), IE (not working). Got mad and posted to the list. Finally, my 800 style sheet a copy of the main style sheet with some changes to width, etc. As for writing a screen-size check to call the sheet for larger displays, won't that still leave me with the issue that the media redirect isn't working? (Well, not working for in some cases.) - Keith Purtell ______________________________________________________________________ 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/
