6 Replies Latest reply on Apr 30, 2009 4:25 AM by janson12

    Problem with stylesheets

      Hi all,
      this is not primarily a Richfaces issue but i know that some of you use jetty and facelets. so if someone has ever come across the following issue i'd be more than happy to get a hint:
      i figured out that for some reasons images referred in my own external css are not loaded on FF2, safari and chrome. it all works perfect for FF3 and IE6 / IE7. i wouldn't bother too much but according to the requirements the app should be fully compatible to FF2.
      Thanks a lot for any pointer.
      j

        • 1. Re: Problem with stylesheets
          nbelaevski

          Hello,

          First check "Net" tab of Firebug tool for errors loading resources.

          • 2. Re: Problem with stylesheets
            ilya_shaikovsky

            it could be helpfull to see your stylesheet declaration on the page and its content

            • 3. Re: Problem with stylesheets

              1. Thanks for the quick responses. Firebug shows a "304 errors" for the stylesheet and the images which it refers.
              2. i use facelets so i load the css in a by

              <link rel="stylesheet" type="text/css" href="include/login.css" />



              • 4. Re: Problem with stylesheets
                nbelaevski

                304 is not an error, but "not modified" code. Have you tried cleaning browser cache?

                • 5. Re: Problem with stylesheets

                  several times. i just realized that a small part of the background picture is shown, which means that it is loaded. gonna check whether the respective browsers handle css differently...

                  • 6. Re: Problem with stylesheets

                    ok...found it. i overwrite some html elements such as

                    body
                     {
                     background-color: #CCCCCC;
                     background-image: url("bg_line.gif");
                     background-repeat: repeat-x;
                     font-family: Arial,Verdana,sans-serif;
                     }


                    unless i don't give such elements a predefined height only parts of it will appear. i mistook the fragments of the images for css background colors which look similar (as my gradient images fade into them).
                    thanks a lot. without you i'd still blame jetty or whatever ;)