Taming Opera's Fullscreen Mode

18 February 2003 · Last updated: 15 October 2006

You may have noticed how Opera 7 can lose the stylesheet when pressing F11 to go into fullscreen mode. This is because Opera treats fullscreen mode as having a media type "projection" not "screen". To solve the problem, make your code similar to this:

<link rel="stylesheet" href="styles.css" type="text/css" media="screen, projection" />

You can of course use different stylesheets for each mode. For more on this see this Opera forum page.

New Finds 2008

3D Video - Wow. The future has arrived! Watch 3D videos of places you can look around in. It's just like being there. (8th April)
Immersive Media - More 3D videos. Awesome! (8th April)
Coca-Cola Remix Art (The thumbnail leads to a full-size screenshot.) (26th March)
3D camera with 12,616 lenses - A whole new world of photography could be about to emerge! Affordable too! (20th March)
CSS transitions - Flash-like animation now possible with CSS in Safari! (19th March)
Safari 3.1 introduces web fonts for all - If only all other browser makers would adopt this. (19th March)
Curmi The Blog - Neat Apple-related tips and opinions from Australia. (18th March)
Security In IE7 & IE8 - Potential problems ahoy. (17th March)
Great Flickr set of logos and template designs by Stephanie Morvant of My Doodlebug Designs. (The thumbnail leads to a full-size screenshot.) (16th March)

View previous finds.

Note: the date in brackets is when the link was posted here.

Current Reading

The Suspicions Of Mr Whicher (Or The Murder At Road Hill House) by Kate Summerscale
5%
Genesis: Chapter & Verse by Tony Banks, Phil Collins, Peter Gabriel, Steve Hackett & Mike Rutherford
70%
Digital Photographer's Handbook by Tom Ang
70%

Latest Comments

bebop bebop on Apple Safari 3 Beta Problems On Windows
Jens Bröcher on Apple Safari 3 Beta Problems On Windows
R Walker on Always Specify A Background Colour
David Stevens on Always Specify A Background Colour
Chris Hester on Always Specify A Background Colour

Useful Info

EMAIL: www.designdetector.com (replace the 1st dot with "@")

NEWSFEED: Subscribe to news of fresh posts and site updates. (RSS 2.0 compatible newsreader required.)

Disclaimer

Some links on this website lead to information provided by external services not under my control, therefore I am not responsible for the content or accuracy of the linked information.

All code examples are not guaranteed 100% free from bugs and/or mistakes. Use them at your own risk. I do not take any blame should a problem occur relating to use of code on this site given as an example for your own use. Such code has been tested and found to work for me, but I cannot vouch for other computer systems (existing now, or in the future) which it may be used on, or changes you introduce yourself based on my code.

This website is © 2008 Christopher Hester, except where separate authors are named. No part of this website may be reproduced or re-used in any way without my prior permission, except content added from separate authors (who retain the copyright on their material), examples of code, and any other content I explicity state is free to copy and make use of.

This page was last updated on 15 October 2006.

Design Detector

Taming Opera's Fullscreen Mode