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.

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 © 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.

What's New

iPad Spectrum Comparison Review · 11th August 2010
I've added a Search form to find old and new posts on the Archives page · 31st May 2010
I have rewritten large chunks of my Flat File Database Demo 5 to improve it. Firstly, you can now search using "AND" for two words that must be together on the same line. I've also taken out some of the repetitive code and put it into PHP functions. Plus I've redone the database to be more realistic. · 24th May 2010
Styling Forms Demo updated to show results from the latest Windows browsers · 5th May 2010

Recent Finds

Tasty colours in the design of the website for The Forbidden Corner:

· 13th July 2010
iD Staffing is the weirdest site I've seen for a while! (Uses Flash, so no iPad or iPhone.)

· 15th June 2010
12 Creative and Cool Uses for the CSS Border Property - "Christopher Hester is a man with fantastic CSS skill, incalculable patience, and presumably no girlfriend..." · 9th June 2010
Discover the "Cool" of CSS: 25 Advanced CSS Techniques - features my CSS Gradients Demo at the top! · 9th June 2010
Algunas curiosidades hechas con CSS (Some curiosities done with CSS) - features 3 of my demos! · 9th June 2010
Geekiest Houses: Would Your Spouse Leave You If You Did This to Your Residence? - features my CSS House! (Screenshot) · 9th June 2010
12 Excellent CSS3 Button and Menu Techniques · 9th June 2010
The Most Common HTML and CSS Mistakes to Avoid · 9th June 2010
Pure CSS 3D Coke Can - has to be seen to be believed · 9th June 2010

View previous finds

Current Book Reading

Mr Rosenblum's List by Natasha Solomons
Magic Foods For Better Blood Sugar by Reader's Digest

Recently Read Books

The New Atlantis by Francis Bacon
Thanks For The Memories by Cecelia Ahern
If You Could See Me Now by Cecelia Ahern
PS, I Love You by Cecelia Ahern
The Book of Tomorrow by Cecelia Ahern