Forum Moderators: not2easy

Message Too Old, No Replies

CSS for flat screen TV

         

member22

6:51 pm on Nov 24, 2008 (gmt 0)

10+ Year Member



Hi,

I am just wondering if there is a css code that I can put in my pages so that the screen size on which my website is shown is detected ?

I have looked at my website on a big flat screen tv and it looks fairely small unless I do ++ to make it bigger, it would be nice if it could fit the screen nicely right away.

Thank you,

BadBoyMcCoy

8:28 am on Nov 25, 2008 (gmt 0)

10+ Year Member



Unfortunatly css cannot detect screen sizes (although it would come in pretty handy)

I would think some javascript might be needed if you would want to do this

Is it really necessary? how many people view your site on a big flat screen tv?

swa66

4:01 pm on Nov 25, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



TV setups ...
full HD - 1080 lines is a resolution of 1920x1080, not far from a high end computer screen.
SD TV: depending on r location around the globe has 525 (PAL) or 480 lines (NTSC), this is pretty low to be of use to display any website (esp. considering the low quality the signal gets to the TV in the first place.

So yes a new top of the line TV is capable to produce (very) high resolution, comparable to top of the line computer screens, while a somewhat older device is only capable of wha tTV displays used to be able to produce >10 years ago.

Such a huge gap is as hard to code for as it is to code for computers and handheld devices (be it that the newest generation there seems to have beaten the SD TVs in screen quality already.

The browser on the computer/settop box is going to have to help you to get it fixed.
Most of the settop devices I've seen use a version of opera to browse the net, Alternatively apple's would use safari I guess.

Most of the solutions I've looked at tend to use the "screen" media type, and as such you're mostly out of luck to do much specific for them. One thing to do is to let the browser default override yours (make the layout fluid, don't specify a default font size, use as much as possible the "em" as a measure for other things etc.

Browsers on some devices might be using the "projection" or the "tv" media, as defined in the CSS2.1 standard, but just as a new iphone will use your regular stylesheet instead of a handheld one, I'm confident most browsers aren;t going to go that way.

"projection" is paged media, think of converting your website into a presentation ...

"tv" is for low res tvs

[w3.org...]

So aside of testing it in many different manners to get it on the TV, the best possible advise is to go with the flow and let the browser choose the font size, and measure everything off of that. After all the browser knows the screen size actually in use better than we do.