Search code examples
htmlcssoperaopera-mini

Opera Mini and CSS


I'm working on a webapp and I would like to increase the compatibility with the different kinds of mobile browsers. Opera Mini drives me crazy, I don't understand why a simple code like the following doesn't work properly. All I want is a grey background and a white font. What I get is a grey background and a black font.
Here's the code :

HTML 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Strict 1.0//EN"  
    "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
  <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=utf-8"/>  
  <link rel="stylesheet" type="text/css" href="./_css/index.css" media="screen"/>
</head>  
<body>  
  <p>blabla</p>  
</body> 
</html>

CSS 


html { margin:0; padding:0; }
body { margin:0; padding:0; font-family:Helvetica; background-color:#BBBBBB; }
p { color:#FFFFFF; }

Thanks for any help,
Camille

Solution

  • I guess the property media="screen" is the cause of this wrong behaviour.

    Try to leave it out or another value: http://www.w3.org/TR/CSS2/media.html#media-types