I found the quirk straight away which was down to positioning. I’d set the css properties of the logo in the banner to position: relative and left: 0 but Opera for the Wii ignored this but rendered it correctly when I used absolute positioning.

I’ve since done more surfing and found a couple of useful resources worth sharing.

• Is your site ready for the Wii?
• Web design guide for Opera Browser on Wii

One thing that struck me while playing about with css is what screen resolution should a Wii friendly site be?

On one of my test pages I put in a div which I set to about 775px before it wanted to wrap (or zoom out). This then got me wondering do all webpages on the Wii render at the same screen res? I’m using a 4:3 20 inch tv, what about a 42 inch plasma? Do pages look the same? Interestingly wiinintendo says the viewable area is 608×456 but is this still the case? The article promised for “part 2 tomorrow” but I checked their December and January 2007 archives and couldn’t find a part 2.

Opera mention that if you define a handheld stylesheet, the automatic reformatting will be overridden with the styles you define in the stylesheet, presenting the user with a single column (or zoom) layout. It’s a compromise worth considering but I would rather put more effort into making a comparable version for the Wii rather than a dumbed down version.

Clearly there are a lot of questions to be asked and of course users can have their own settings which may mess things up even more.  I will be watching the growth of the Wii for browsing, in the meantime us developers can only follow Opera’s advice and test in the lateset version of Opera for Windows in the hope that our sites will be at least 95% Wii compatible.