There are 3 limits:

* a sheet may contain up to 4095 selectors, see
http://demos.telerik.com/testcases/4095issues.html
* a sheet may @import up to 31 sheets, see http://demos.telerik.com/testcases/BrokenTheme.aspx
* @import nesting supports up to 4 levels deep

Microsoft support/MSDN reference links:

http://support.microsoft.com/kb/262161

http://blogs.msdn.com/b/ieinternals/archive/2011/05/14/internet-explorer-stylesheet-rule-selector-import-sheet-limit-maximum.aspx

I&#39;m trying to run `exec-maven-plugin`&#39;s `exec:java` goal on a simple two-module project where one module depends on the other. So far I can&#39;t find a configuration that works. Here&#39;s a boiled-down test case:

```
+ exec-multi-module-test/
    + pom.xml
    + module1/
        + pom.xml
        + src/
            + main/
                + java/
                    + HelloPrinter.java
    + module2/
        + pom.xml
        + src/
            + main/
                + java/
                    + MyMain.java
```

Here&#39;s the parent pom:


    &lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
    &lt;project xmlns=&quot;http://maven.apache.org/POM/4.0.0&quot;
             xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance&quot;
             xsi:schemaLocation=&quot;http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd&quot;&gt;
        &lt;modelVersion&gt;4.0.0&lt;/modelVersion&gt;

        &lt;groupId&gt;com.mkscrg.sandbox&lt;/groupId&gt;
        &lt;artifactId&gt;exec-multi-module-test&lt;/artifactId&gt;
        &lt;version&gt;1.0&lt;/version&gt;
        &lt;packaging&gt;pom&lt;/packaging&gt;

        &lt;modules&gt;
            &lt;module&gt;module1&lt;/module&gt;
            &lt;module&gt;module2&lt;/module&gt;
        &lt;/modules&gt;

        &lt;build&gt;
            &lt;plugins&gt;
                &lt;plugin&gt;
                    &lt;groupId&gt;org.codehaus.mojo&lt;/groupId&gt;
                    &lt;artifactId&gt;exec-maven-plugin&lt;/artifactId&gt;
                    &lt;version&gt;1.2.1&lt;/version&gt;
                &lt;/plugin&gt;
            &lt;/plugins&gt;
        &lt;/build&gt;
    &lt;/project&gt;

`module1`&#39;s pom:

    &lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
    &lt;project xmlns=&quot;http://maven.apache.org/POM/4.0.0&quot;
             xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance&quot;
             xsi:schemaLocation=&quot;http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd&quot;&gt;
        &lt;modelVersion&gt;4.0.0&lt;/modelVersion&gt;

        &lt;parent&gt;
            &lt;artifactId&gt;exec-multi-module-test&lt;/artifactId&gt;
            &lt;groupId&gt;com.mkscrg.sandbox&lt;/groupId&gt;
            &lt;version&gt;1.0&lt;/version&gt;
        &lt;/parent&gt;

        &lt;artifactId&gt;module1&lt;/artifactId&gt;
    &lt;/project&gt;

`module2`&#39;s pom:
    &lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
    &lt;project xmlns=&quot;http://maven.apache.org/POM/4.0.0&quot;
             xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance&quot;
             xsi:schemaLocation=&quot;http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd&quot;&gt;
        &lt;modelVersion&gt;4.0.0&lt;/modelVersion&gt;

        &lt;parent&gt;
            &lt;artifactId&gt;exec-multi-module-test&lt;/artifactId&gt;
            &lt;groupId&gt;com.mkscrg.sandbox&lt;/groupId&gt;
            &lt;version&gt;1.0&lt;/version&gt;
        &lt;/parent&gt;

        &lt;artifactId&gt;module2&lt;/artifactId&gt;

        &lt;dependencies&gt;
            &lt;dependency&gt;
                &lt;groupId&gt;com.mkscrg.sandbox&lt;/groupId&gt;
                &lt;artifactId&gt;module1&lt;/artifactId&gt;
                &lt;version&gt;${project.version}&lt;/version&gt;
            &lt;/dependency&gt;
        &lt;/dependencies&gt;
    &lt;/project&gt;

This project compiles successfully from the top, but running `mvn exec:java -Dexec.mainClass=myMain` fails:

    [INFO] Scanning for projects...
    [INFO] ------------------------------------------------------------------------
    [INFO] Reactor Build Order:
    [INFO] 
    [INFO] exec-multi-module-test
    [INFO] module1
    [INFO] module2
    [INFO]                                                                         
    [INFO] ------------------------------------------------------------------------
    [INFO] Building exec-multi-module-test 1.0
    [INFO] ------------------------------------------------------------------------
    [INFO] 
    [INFO] &gt;&gt;&gt; exec-maven-plugin:1.2.1:java (default-cli) @ exec-multi-module-test &gt;&gt;&gt;
    [INFO] 
    [INFO] &lt;&lt;&lt; exec-maven-plugin:1.2.1:java (default-cli) @ exec-multi-module-test &lt;&lt;&lt;
    [INFO] 
    [INFO] --- exec-maven-plugin:1.2.1:java (default-cli) @ exec-multi-module-test ---
    [WARNING] 
    java.lang.ClassNotFoundException: MyMain
            at java.net.URLClassLoader$1.run(URLClassLoader.java:202)
            at java.security.AccessController.doPrivileged(Native Method)
            at java.net.URLClassLoader.findClass(URLClassLoader.java:190)
            at java.lang.ClassLoader.loadClass(ClassLoader.java:306)
            at java.lang.ClassLoader.loadClass(ClassLoader.java:247)
            at org.codehaus.mojo.exec.ExecJavaMojo$1.run(ExecJavaMojo.java:285)
            at java.lang.Thread.run(Thread.java:680)
    [INFO] ------------------------------------------------------------------------
    [INFO] Reactor Summary:
    [INFO] 
    [INFO] exec-multi-module-test ............................ FAILURE [0.363s]
    [INFO] module1 ........................................... SKIPPED
    [INFO] module2 ........................................... SKIPPED
    [INFO] ------------------------------------------------------------------------
    [INFO] BUILD FAILURE
    [INFO] ------------------------------------------------------------------------
    [INFO] Total time: 0.566s
    [INFO] Finished at: Mon Jun 18 14:11:54 PDT 2012
    [INFO] Final Memory: 3M/81M
    [INFO] ------------------------------------------------------------------------
    [ERROR] Failed to execute goal org.codehaus.mojo:exec-maven-plugin:1.2.1:java (default-cli) on project exec-multi-module-test: An exception occured while executing the Java class. MyMain -&gt; [Help 1]
    [ERROR] 
    [ERROR] To see the full stack trace of the errors, re-run Maven with the -e switch.
    [ERROR] Re-run Maven using the -X switch to enable full debug logging.
    [ERROR] 
    [ERROR] For more information about the errors and possible solutions, please read the following articles:
    [ERROR] [Help 1] http://cwiki.apache.org/confluence/display/MAVEN/MojoExecutionException

What&#39;s the right way to configure this project to allow `exec:java` to see `MyMain`?

EDIT: Here&#39;s a gist if you&#39;d like to try this yourself: https://gist.github.com/2950830

EDIT: Clarification: I know it&#39;s possible to `mvn install` and then either run `exec:java` from `module2`&#39;s directory or use the `-pl` flag from the top. However, I&#39;d like to avoid running `mvn install`. It shouldn&#39;t be necessary to modify my local repository in order to run this goal in a multi-module project. Just as `mvn compile` &quot;just works&quot; with a multi-module project, so should other goals/phases.

Maven exec:java goal on a multi-module project

Is there a way to debug CoffeeScript line-by-line?

I understand that it compiles into Javascript. But this sounds like it could make it a pain to debug.


Debugging CoffeeScript line-by-line

I&#39;m using Drupal and I notice that if I have my CSS files aggregated that the CSS doesn&#39;t always work correctly. I know there is a [problem in IE7][1] but is there a limit to a CSS file size in IE9?

  [1]: https://drupal.stackexchange.com/questions/29994/drupal-aggregate-css-crashes-ie7

Does IE9 have a file size limit for CSS?

<p>I'm using Drupal and I notice that if I have my CSS files aggregated that the CSS doesn't always work correctly. I know there is a <a href="https://drupal.stackexchange.com/questions/29994/drupal-aggregate-css-crashes-ie7" target="_blank" rel="noopener noreferrer">problem in IE7</a> but is there a limit to a CSS file size in IE9?</p>


Here&#39;s my fiddle: http://jsfiddle.net/e6kCH/15/

It may sound stupid, but I can&#39;t find a way to make the text area height equal to 100%. It works for the width, but not for height.

I want the text area to resize depending of the window size...like it works in my fiddle for the width...

Any ideas?


Textarea height: 100%

So I have this code here:

    &lt;table&gt;
        &lt;tr&gt;
            &lt;td width=&quot;200px&quot; valign=&quot;top&quot;&gt;
                &lt;div class=&quot;left_menu&quot;&gt;
                    &lt;div class=&quot;menu_item&quot;&gt;
                        &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/td&gt;
            &lt;td width=&quot;1000px&quot; valign=&quot;top&quot;&gt;Content&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;

with the CSS

    .left_menu {
        background: none repeat scroll 0 0 #333333;
        border-radius: 5px 5px 5px 5px;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
    }
    
    .menu_item {
        background: none repeat scroll 0 0 #CCCCCC;
        border-bottom: 1px solid #999999;
        border-radius: 5px 5px 5px 5px;
        border-top: 1px solid #FFFFCC;
        cursor: pointer;
        padding: 5px;
    }

It works fine on my browser and I have tested it in every browser both mac and PC, but someone is complaining that the `td` with the `width` of 200 keeps changing width. I have no idea what he is talking about. Does anyone know why he or she is seeing the width change on the `td`?

td widths, not working?

Is it possible to make a `div` 50px less than 100% in pure CSS? I want the `&lt;div&gt;` to be only 50px less than 100%. I don&#39;t want any JavaScript.

Is it possible to make a div 50px less than 100% in CSS3?

I&#39;m currently working on a mobile landing page for a company. It&#39;s a really basic layout but below the header there&#39;s an image of a product which will always be 100% width (the design shows it always going from edge to edge). Depending on the width of the screen the height of the image will obviously adjust accordingly. I originally did this with an img (with a CSS width of 100%) and it worked great but I&#39;ve realised that I&#39;d like to use media queries to serve different images based on different resolutions - let&#39;s say a small, medium and a large version of the same image, for example. I know you can&#39;t change the img src with CSS so I figured I should be using a CSS background for the image as opposed to an img tag in the HTML.

I can&#39;t seem to get this working properly as the div with the background image needs both a width and a height to show the background. I can obviously use &#39;width: 100%&#39; but what do I use for the height? I can put a random fixed height like 150px and then I can see the top 150px of the image but this isn&#39;t the solution as there isn&#39;t a fixed height. I had a play and found that once there is a height (tested with 150px) I can use &#39;background-size: 100%&#39; to fit the image in the div correctly. I can use the more recent CSS3 for this project as it&#39;s aimed solely at mobile.

I&#39;ve added a rough example below. Please excuse the inline styles but I wanted to give a basic example to try and make my question a little clearer.

	&lt;div id=&quot;image-container&quot;&gt;
		&lt;div id=&quot;image&quot; style=&quot;background: url(image.jpg) no-repeat; width: 100%; height: 150px; background-size: 100%;&quot;&gt;&lt;/div&gt;
	&lt;/div&gt;

Do I maybe have to give the container div a percentage height based on the whole page or am I looking at this completely wrong?

Also, do you think CSS backgrounds are the best way to do this? Maybe there&#39;s a technique which serves different img tags based on device/screen width. The general idea is that the landing page template will be used numerous times with different product images so I need to make sure I develop this the best way possible.

I apologise is this is a little long-winded but I&#39;m back and forth from this project to the next so I&#39;d like to get this little thing done. Thanks in advance for your time, it&#39;s much appreciated.
Regards

100% width background image with an &#39;auto&#39; height

When I remove an item from a flexbox, the remaining items &quot;snap&quot; into their new positions immediately rather than animating.

Conceptually, since the items are changing their positions, I would expect the transitions to apply.

I have set the transition property on all involved elements (the flexbox and the children)

Is there any way to animate edits (adds &amp; deletes) to a flexbox? This is actually a showstopper for me and the one missing piece with flexbox.

Is it possible to animate Flexbox inserts &amp; removes?

Here is my block of CSS:

    .actual-form table {
      padding: 5px 0 15px 15px;
      margin: 0 0 30px 0;
      display: block;
      width: 100%;
      background: #f9f9f9;
      border-top: 1px solid #d0d0d0;
      border-bottom: 1px solid #d0d0d0;
    }

I only want IE 7, 8, and 9 to &quot;see&quot; `width: 100%`

What is the simplest way to accomplish this?

Apply style ONLY on IE

So here my problem: I have a pdf file as a base64 String that i am getting from the server. I would like to use this string to either display the PDF directly to the browser or give it a option of &quot;Save as...&quot; when clicking on a link. Here the code i am using:

    
    &lt;!doctype&gt;
    &lt;html&gt;
    &lt;head&gt;
	   &lt;title&gt;jsPDF&lt;/title&gt;
	   &lt;script type=&quot;text/javascript&quot; src=&quot;../libs/base64.js&quot;&gt;&lt;/script&gt;
	   &lt;script type=&quot;text/javascript&quot; src=&quot;../libs/sprintf.js&quot;&gt;&lt;/script&gt;
	   &lt;script type=&quot;text/javascript&quot; src=&quot;../jspdf.js&quot;&gt;&lt;/script&gt;
	
    	   &lt;script type=&quot;text/javascript&quot;&gt;

            function demo1() {
		        jsPDF.init();
		        jsPDF.addPage();
		        jsPDF.text(20, 20, &#39;Hello world!&#39;);
		        jsPDF.text(20, 30, &#39;This is client-side Javascript, pumping out a PDF.&#39;);
		
		        // Making Data URI
		        var out = jsPDF.output();
		        var url = &#39;data:application/pdf;base64,&#39; + Base64.encode(out);
		
		        document.location.href = url;
	         }
	    &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;

    &lt;a href=&quot;javascript:demo1()&quot;&gt;Run Code&lt;/a&gt;

    &lt;/body&gt;
    &lt;/html&gt;


Its working fine with Chrome and Safari. Firefox does recognize the pdf but does not display it as FF requires extensions to be present but the data-URI has none in this case. The reason I&#39;m insisting here, if chrome and safari get it to work, then there has to be a solution for FF and IE

I know there are a few relevant questions to this but not really the exact one and now also a bit old ones. I know a workaround would be to have the pdf generated at server side but I would like to generate it at client side.

So please intelligent folks, is it possible through some hacks or additional JS download plugins?

Save base64 string as PDF at client side with JavaScript

I have a solution by which I can create scrollable tables w/fixed header/footer using minor jQuery and CSS - but I am looking for a way to make this a CSS-only solution that is cross-browser compliant.

To be clear, what I am seeking to do is use **only** a `table` tag (and it&#39;s valid sub-tags, `colgroup`, `col`, `thead`, `tbody`, `tfoot`, `tr`, `th`, `td`), but adopt a set of CSS rules which will meet the following conditions:

 1. Must maintain column alignment between header / footer / content rows
 2. Must allow the header/footer to remain fixed while the content scrolls vertically
 3. Must not require any jQuery or other JavaScript in order to provide the functionality
 4. Must only use the tags provided above

This code example: http://jsfiddle.net/TroyAlford/SNKfd/ shows my current approach. Most of the JS is just to populate the table with random values, but the last portion is what drives the left/right scrollability.

    $tbody.bind(&#39;scroll&#39;, function(ev) {
        var $css = { &#39;left&#39;: -ev.target.scrollLeft };
        $thead.css($css);
        $tfoot.css($css);
    });

NOTE: The example provided does not render properly in IE, and requires jQuery to provide the horizontal scrolling. I don&#39;t care about horizontal scrolling anyway, so it&#39;s fine if a solution doesn&#39;t do that.



CSS-Only Scrollable Table with fixed headers

This logic is firing when pressing &quot;Enter&quot; in the &quot;Amount&quot; input, and I don&#39;t believe it should (it doesn&#39;t in Chrome).  How can I prevent this, and if not prevent it in IE, handle it so that the logic in the click event does not fire.

    &lt;html&gt;
     &lt;body&gt;
       &lt;div id=&quot;page&quot;&gt;
    	 &lt;div id=&quot;financed_amount&quot;&gt;
    	  &lt;h1&gt;Financed Amount:&lt;/h1&gt;
          &lt;input type=&quot;text&quot; id=&quot;amount&quot; value=&quot;&quot; /&gt;
    	 &lt;/div&gt;
    	 &lt;h1&gt;Finance Options&lt;/h1&gt;
    	 &lt;div&gt;
          &lt;a id=&quot;shareLink&quot; rel=&quot;leanModal&quot; name=&quot;email&quot; href=&quot;#email&quot;&gt;&lt;/a&gt;
          &lt;button id=&quot;btnShare&quot; class=&quot;share&quot;&gt;Share this report&lt;/button&gt;
    	 &lt;/div&gt;
        &lt;/div&gt;
       &lt;/body&gt;
    &lt;/html&gt;

**Script**

    $(&quot;#btnShare&quot;).click(function (e) {
        // This logic is firing when pressing &quot;Enter&quot; in the &quot;Amount&quot; input
    });


- Jquery: 1.7.2
- IE 9
- (Works in Chrome)

Button Click event fires when pressing Enter key in different input (no forms)

I cannot get `z-index` working on a `iframe` that contains a pdf file with IE8. It works with Google Chrome.

Example ([JSFiddle](http://jsfiddle.net/5J6zL/9/)):

**HTML**

    &lt;div id=&quot;div-text&quot;&gt;
          &lt;div id=&quot;shouldBeOnTop&quot;&gt;my text that should be on top&lt;/div&gt;
    &lt;/div&gt;
    &lt;div id=&quot;div-frame&quot;&gt;
        &lt;iframe src=&quot;http://legallo1.free.fr/french/CV_JLG.pdf&quot; width=&quot;200&quot; height=&quot;200&quot;/&gt;
    &lt;/div&gt;

**CSS**

&lt;!-- language: lang-css --&gt;

    #div-text{
        position:relative;
        left:210px;
        top:20px
    }
    
    #shouldBeOnTop{
        position:relative;
        right:60px;
        background-color:red;
        width:100px;
        z-index:2;
    }
    
    #div-frame{
        position:relative;
         z-index:1;
    }

z-index does not work in Internet Explorer with pdf in iframe

**UPDATE:** I highly recommend not investing any time in XDomainRequest, because it is a terribly poor implementation with many limitations. It basically only really works for GET requests to non-ssl servers, so you might as well use jsonp or whatever.

---

I am using CORS to call a cross domain API, however Internet Explorer is giving issues. CORS should be possible in IE8 and IE9 through the `XDomainRequest` object, however I can&#39;t get things to work..

JQuery [refuses][1] to provide native support for XDomainRequest, however several jQuery plugins are suggested to add this support. This [topic][2] suggest two such plugins: [jQuery.XDomainRequest.js][3] and [xdr.js][4], which has been reported to work. Afaik, the plugins should automatically override behavior of `jQuery.ajax`. I found another plugin [here][5].

I put a little demo pages with the respective plugins [jQuery.XDomainRequest][6] and [xdr][7] and [jquery.ie.cors][8] that perform ajax requests to a CORS enabled server. The pages are working in Chrome and Firefox, however IE8/9 instantly throw a permission denied error (even before making the request). This [MSDN post][9] suggest adding another handler `xhr.onprogress = function() {};` but I tried this and it isn&#39;t working either.

Any clues what I am doing wrong? I have also tested with IE8 now using MS virtual server, but it has exactly the same problem.

Edit: OK so I figured out that part of the problem was that I was using POST over HTTPS. Apparently XDomainRequest does not allow CORS over HTTPS. I can switch to HTTP but I really need POST. 

Edit2: See [this issue on github](https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest/issues/1) for the end of this story. It turns out that when using HTTP POST, the xDomainRequest can only encode the request body (arguments) as `text/plain`. This pretty much makes it worthless, because everyone uses `application/x-www-form-urlencoded` or `multipart/form-data`. 


  [1]: http://bugs.jquery.com/ticket/8283
  [2]: https://stackoverflow.com/questions/10232017/ie9-jquery-ajax-with-cors-returns-access-is-denied
  [3]: https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest/blob/master/jQuery.XDomainRequest.js
  [4]: https://github.com/tlianza/ajaxHooks/blob/master/src/ajax/xdr.js
  [5]: https://github.com/Ovea/cors/blob/master/src/main/resources/com/ovea/cors/jquery.ie.cors.js
  [6]: http://www.stat.ucla.edu/~jeroen/cors/test1.html
  [7]: http://www.stat.ucla.edu/~jeroen/cors/test2.html
  [8]: http://www.stat.ucla.edu/~jeroen/cors/test3.html
  [9]: http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/thread/30ef3add-767c-4436-b8a9-f1ca19b4812e

CORS with jQuery and XDomainRequest in IE8/9

When I open a webpage in IE9 with DOCTYPE as

    &lt;!DOCTYPE html&gt;

It opens Document Mode as IE7 standards.

I need default IE9 standards on opening the page.

How to correct this document mode problem?

A screenshot of how it comes in IE browser developer tool

![enter image description here][1]


  [1]: http://i.stack.imgur.com/LXPBC.jpg

Why does IE9 opens in Document Mode as IE7 standards?

I have a div set with a background image:

    &lt;div&gt;Play Video&lt;/div&gt;

with the following CSS:

    div {
	background-image: url(&#39;icon.png&#39;);
	background-image: url(&#39;icon.svg&#39;), none;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: 90% 50%;
	padding: 20px;
	width: 150px;
    }


The background size is respected in Firefox, Safari and Chrome. In IE8, the SVG is replaced by the PNG file. However, in IE9 and IE10, the SVG file is drastically sized down. The problem seems to be linked to the width and height of the div. If I add a height of 150px, the SVG is rendered properly. If I make it smaller (i.e. 100px) the graphic starts to shrink.

Has anyone found a way to fix this issue in Explorer? Is there a way to tell IE to use the background-size value independently of the width and height of the div?

Background-size with SVG squished in IE9-10

I am creating an event, so use the DOM Event constructor:

    new Event(&#39;change&#39;);

This works fine in modern browsers, however in Internet Explorer 9, 10 &amp; 11, it fails with: 

    Object doesn&#39;t support this action

How can I fix Internet Explorer (ideally via a polyfill)? If I can&#39;t, is there a workaround I can use?


Internet Explorer 9, 10 &amp; 11 Event constructor doesn&#39;t work

The question pretty much says it all.

For instance, if I were using, say, [Twitter Bootstrap][1], could I define classes in my own SASS stylesheet that inherit from Bootstrap&#39;s CSS classes? Or does inheritance in SASS only work within the scope of a single file?

  [1]: http://twitter.github.com/bootstrap/

Is it possible in SASS to inherit from a class in another file?

I used the second solution of
[https://stackoverflow.com/questions/179927/how-to-resolve-could-not-find-schema-information-for-the-element-attribute-xxx][1]

I.e. created a XSD with the button to create a scheme. I changed the stylesheet in app.config to app.xsd but now I get the warning:

   The Global element &#39;configuration&#39; has already been declared in app.xsd

Even when changing the name the warning is shown.
Does anybody have a solution for this?



  [1]: https://stackoverflow.com/questions/179927/how-to-resolve-could-not-find-schema-information-for-the-element-attribute-xxx

Fix: The Global element &#39;configuration&#39; has already been declared

I am creating a website, but when I made changes to the stylesheet on my site, and I refreshed the site, none of the changes were there.

I tried to use the view source tool to check the `stylesheet.css` and it isn’t updated either. But when I go to the root of my system it is.

I have to wait at least 20 minutes before I see the update on my site, can anyone tell me why I don’t see changes right away? Is something wrong with my browser, computer, or server?

I also tried deleting my cookies, cache, and history but it still didn’t work.

Stylesheet not updating when I refresh my site

The following style is just an example of how to set transitions in CSS3. &lt;br/&gt; Is there a pure CSS trick to make this play in loop?

    div {
        width:100px;
        height:100px;
        background:red;
        transition:width 0.1s;
        -webkit-transition:width 0.1s; /* Safari and Chrome */
        -moz-transition:width 0.1s; /* Firefox 4 */
        -o-transition:width 0.1s; /* Opera */
        transition:width 0.1s; /* Opera */
    }

    div:hover {
        width:300px;
    }

How to play CSS3 transitions in a loop?

I&#39;m in London working on an application, and the html/css guy is in New York. He&#39;s sending me updates daily by email as we have no source control set up that we can both use, I&#39;m constantly making small changes to his css, so each time I get a new file from him, I have to reapply all my changes to it, and obviously the more work I do, the longer this takes each time.

I had the idea of making my own seperate stylesheet, but is there a way to tell the browser to give my sylesheet higher priority and overwrite any of his styles that have the same class name and attributes?

This isn&#39;t going to be a public site so we&#39;re only going to be supporting the latest browsers.


Content Type	Original Author	Original Content on Stackoverflow
Question	Paul Sheldrake	View Question on Stackoverflow
Solution 1 - Css	Paul Sheldrake	View Answer on Stackoverflow

Does IE9 have a file size limit for CSS?

Css Problem Overview

Css Solutions

Solution 1 - Css

Debugging CoffeeScript line-by-line

Maven exec:java goal on a multi-module project

Attributions