Hello, so originally I had media="all" in my site but I wanted to do a print and handheld version as well. So I recently changed it to media="screen" and added the print and handheld version also - it seemed more clear-cut to me to do it that way. Basically your either way you slice it, your either adding rules or taking them away with the other two media types. So I know it can be done either way, but in your opinion which method do you guys prefer and why? I am spending alot of time on each and I want to do it correct the first time (otherwise I'll probably have to redo it). It would be more clear to me if it was just an issue of media="handheld" vs yadayada. But now, with css3 we have media queries. Which direction do you guys see all this going and how are you responding to right now as you write your code? Thanks a bunch, take care!
I've been leaving them blank for a long time.... but now that I'm about to venture into a print vs normal css, I've gone to There's another one, Kiosk? I forget, but people who like Opera add another one I don't have because it lets Opera do something extra with the page... but I forget what. I surf in Opera and test in Opera but I don't play with Opera. I'm not hip enough.
Hello, Thats the same way Eric Meyer does it. If you do "screen" then your just adding rules with print etc. If you do "all" then your taking rules away with print etc. One of the interesting arguments I read in favor of "screen" was that if you use "all" and "print" then each browser has to combine those rules when printing (same with handheld, etc). In their tests they showed that each browser combined the rules slightly differently when printing. Therefore this particular person (I don't remember where I read it) says to separate them (ie screen, print, handheld) that way there is no room for error. That was good enough for me. There is definitely not a right or wrong way of doing it. I read about each method for about 8 hours yesterday (no joke - on my palm reading for 8 hours). And looking around on everyones site, I would say the average tips slightly in the way of screen - but only by a slim margin. I just finished doing my handheld version - looks perfect (in my palm at least), but to bad, from what I have read media="handheld" is on it's way out. So irritating! Whats better supported right now media="handheld" or media queries? Can someone take a quick look at this page in Opera with small screen rendering on and tell me why you think the nav li and footer li are moved over to the right? They are both supposed to be centered - the will not obey! EDIT - oops wrong page, here is the correct one http://www.littleaboutalot.com/content/best-man-speech.php Thanks!
Aural? I just started playing around with aural stylesheets and Opera voice. It's a fairly nice idea that coud catch on if more browsers implemented it. I do one for print, one for screen and projection and occasionally one for handhelds.
Nope, it wasn't Aural, it was something like Kiosk, and had something to do with Opera being able to work with projection screens that get really huge and can do slideshows or something. Some wierd borkitty bork-bork Swedish Opera thing : ) Sorry, ewwatson, my screen is just to wide to make a good test of your page in small Opera. But I wonder if Dan Schulz has an Opera Mini on something?
No, for opera it's projection - it's WHY you include projection alongside screen because Opera uses projection as the stylesheet when in full screen mode. (F11) - which is what KIOSK mode defaults to for behavior.