homepage Welcome to WebmasterWorld Guest from 50.19.206.49
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
media="screen" vs media="all"
ewwatson




msg:3613148
 11:18 am on Mar 28, 2008 (gmt 0)

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!

 

Mathieu Bonnet




msg:3613191
 12:10 pm on Mar 28, 2008 (gmt 0)

Which direction do you guys see all this going and how are you responding to right now as you write your code?

AFAIC, I define default styles, oriented toward screens, then simply modify a few things for the other media, if needed (like removing the main menu, and some backgrounds/borders, for printing, or avoiding minimum widths -to avoid horizontal scrolling-, for handhelds).

I put all the rules in the same stylesheet (so I use @media).

If you have to spend more time on styling different versions, for different media, then maybe you should first make your layout more simple, and more flexible.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved