2 Replies Latest reply on Feb 22, 2010 12:41 AM by shake419

    Problem with CSS styles and Previewing in Firefox

    shake419

      Hello,

       

      I recently rebooted my Mac OS X system (leopard) and reinstalled Adobe CS3. Before this I had virtually no problems with Dreamweaver and everything was running smoothly. However, now whenever I preview my pages in Safari, the CSS code is completely mangled.

       

      Also, my site won't preview in Firefox unless I close any existing tabs and exit Firefox completely. I have no idea why these problems are occurring, but I have pasted the code below so any advice would be extemely helpful.

       

      ---------------------------------html----------------------------------------

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv= "Content-Type" content="text/html; charset= UTF-8" />
      <title>armed and harmless</title>
      <link href="untitled.css" rel="stylesheet" type="text/css" />
      </head>

       

      <body>
      <div id="wrapper">
          <div id="nav">
          </div>
      </div>
      </body>
      </html>
      ---------------------------------------------------------------------------

       

      -----------------------------------css-----------------------------------

       

      @charset "UTF-8";
      * {
          background-color: #000000;
          background-image: url(images/header.jpg);
          background-repeat: no-repeat;
          margin: 0px;
      }
      #wrapper {
          height: 800px;
          width: 1000px;
          margin-top: 0px;
          margin-right: auto;
          margin-left: auto;
          background-color: transparent;
          background-image: none;
      }
      #wrapper #nav {
          background-color: transparent;
          background-image: none;
          height: 30px;
          width: 1000px;
          margin-top: 260px;
          clear: both;
          border-top-width: 1px;
          border-bottom-width: 1px;
          border-top-style: solid;
          border-bottom-style: solid;
          border-top-color: #FFFFFF;
          border-bottom-color: #FFFFFF;
      }
      ---------------------------------------------------------------------------