Yes the example app that comes with web2py show correctly on Firefox 10 + Windows. I greed that I am missing some classes from base.css. but I can not found what .
Here is what I did. I copy .flash .error to my css file (the_look.css). It is the copy code: --------------------------------- div.flash { font-weight: bold; display: none; position: fixed; padding: 10px; top: 40px; right: 10px; min-width: 280px; opacity: 0.85; margin: 0px 0px 10px 10px; color: #fff; vertical-align: middle; cursor: pointer; background: #000; border: 2px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 2; } div.error { background-color: red; color: white; padding: 3px; } ----------------------------------------------------------- I have some change in my layout.html here is the change ---------------------------- <!DOCTYPE html> <html lang="{{=T.accepted_language or 'en'}}" class="no-js"> <head> <meta charset="utf-8" /> <!-- www.phpied.com/conditional-comments-block-downloads/ --> <!--[if IE]><![endif]--> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title> </title> <!-- Speaking of Google, don't forget to set your site up: http://google.com/webmasters --> <meta name="google-site-verification" content="" /> <!-- Mobile Viewport Fix j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag device-width: Occupy full width of the screen in its current orientation initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width --> <meta name="viewport" content="width=device-width; initial- scale=1.0; maximum-scale=1.0"> <!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references --> <link rel="shortcut icon" href="{{=URL('static/ images','favicon.png')}}" type="image/x-icon"> <link rel="apple-touch-icon" href="{{=URL('static/ images','favicon.png')}}"> <!-- For the less-enabled mobile browsers like Opera Mini --> <link rel="stylesheet" media="handheld" href="{{=URL('static','css/ handheld.css')}}"> <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects --> <script src="{{=URL('static','js/modernizr-1.7.min.js')}}"></ script> {{#------ require CSS and JS files for this page (read info in base.css) ------}} {{response.files.append(URL('static','css/the_look.css'))}} {{# response.files.append(URL('static','css/base.css'))}} {{response.files.append(URL('static','css/superfish.css'))}} {{response.files.append(URL('static','js/superfish.js'))}} {{#------ include web2py specific js code (jquery, calendar, form stuff) ------}} {{include 'web2py_ajax.html'}} {{ #using sidebars need to know what sidebar you want to use #prior of using it, because of static width size of content, you can use #left_sidebar, right_sidebar, both or none (False left and right) left_sidebar_enabled = globals().get('left_sidebar_enabled',False) right_sidebar_enabled = globals().get('right_sidebar_enabled',False) if left_sidebar_enabled and right_sidebar_enabled: width_content='63%' elif left_sidebar_enabled != right_sidebar_enabled: width_content='740px' else: width_content='100%' if left_sidebar_enabled: left_sidebar_style = 'style="display: block;"' else: left_sidebar_style = 'style="display: none;"' if right_sidebar_enabled: right_sidebar_style = 'style="display: block;"' else: right_sidebar_style = 'style="display: none;"' style_content = 'style="width: %s"' % width_content }} <script src="../static/js/jquery.js" type="text/javascript"></script> --> <!-- Placera denna tagg i <head> eller precis före din </body>-tagg -- > <script type="text/javascript"> var sek= {{=session.sec}}; var minut={{=session.min}}; var timme={{=session.hour}}; var dag={{=session.day}}; </script> <script type="text/javascript" src="../static/js/timern.js"></script> </head> <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer- neither/ --> <!--[if lt IE 7 ]> <body class="ie6"> <![endif]--> <!--[if IE 7 ]> <body class="ie7"> <![endif]--> <!--[if IE 8 ]> <body class="ie8"> <![endif]--> <!--[if IE 9 ]> <body class="ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <body onload="nedrakning()"> <!--<! [endif]--> <div class="flash">{{=response.flash or ''}}</div> <div id="container"> {{include 'huvud.html'}} {{include 'meny.html'}} <div id="mellan"> {{include}} </div> </div> </body> </html> ------------------------------------------------------ /F On 12 mar, 19:43, monotasker <scotti...@gmail.com> wrote: > Can you post the parts of your css code that aren't working? > > Ian > > > > > > > > On Sunday, March 11, 2012 7:39:42 AM UTC-4, frasse wrote: > > > Hi > > > I like to use my custom css and add it to my application base.css mess > > my application. I have remove base.css and move classes .flash > > and .error to my custom css file. when I do that it is not working in > > FireFox 10 in windows but it works in all other browser and OS (mac > > Ubuntu , win). > > > Can you please help me with that ? > > > /F