title: Dreamweaver CC: CSS file causes white screen
body: <p>I am using Dreamweaver CC (please refrain from denigrating the use of this program) and have been fooling around with my .css file all day.  When I opened the <code>bootstrap.css</code> file, I selected "make writeable" (I realize that this is something you should avoid) and then almost instantly my view went blank.</p>
  
  <p>When I remove the link to my custom .css file, the text appears, but once I link the HTML to the .css file, the view goes blank.  This file seems to have the same effect on other HTML pages making me believe the .css file is the problem.</p>
  
  <p>Here is my code, please help me find whats going on:</p>
  
  <pre><code>@charset "utf-8";
  h1, h3, h2, p {
      text-align: center;
      z-index: 2;
  }
  #main {
      width: 75%;
      max-width: 750px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 60px;
      margin-bottom: 60px;
  }
  .navbar, .navbar-default {
      border-width: 0px;
      background-color: #FFFFFF;
      margin-top: 20px;
  }
  footer {
      margin-top: 60px;
      padding-top: 25px;
      padding-bottom: 25px;
      background-color: #383838;
      color: #F5F5F5;
      text-align: center;
  }
  .image-fill {
      width: 100%;
  }
  #wrapper {
      padding-left: 0px;
      padding-right: 0px;
  }
  #floating {
      background: rgba(255, 255, 255, 0.5);
      color: #000000;
      z-index: 1;
      overflow-x: visible;
      float: none;
      top: 0pt;
      position: absolute;
      left: 62px;
      margin-left: 100px;
      width: 400px;
      margin-top: 99px;
  }
  
  body{
      text-align: center;
  }
  
  .test-center {
      display: inline-block;
  }
  
  /* Stable */
  .instructions {
      background-color: rgba(0,0,0,0.50);
      position: fixed;
      z-index: 92;
      height: auto;
      width: 50%;
      border: medium solid rgba(7,255,35,1.00);
      padding-right: 10px;
      padding-left: 10px;
      padding-bottom: 10px;
      padding-top: 10px;
      border-radius: 25px;
      display: none;
  }
  
  .instruction-text {
      color: rgba(7,255,35,1.00);
      position: relative;
      top: auto;
      font-family: immi-five-o-five;
      font-style: normal;
      font-weight: 400;
      font-size: 28px;
  }
  
  .instruction-text-header {
      color: rgba(7,255,35,1.00);
      font-weight: 400;
      font-family: immi-five-o-five;
      font-size: 50px;
  }
  
  
  /* Mutable */
  
  .instructions-min {
      padding-bottom: 0px;
      padding-top: 0px;
      border-radius: 0px;
      border-top: medium solid rgba(7,255,35,1.00);
      border-bottom: hidden;
      border-left: hidden;
      border-right: hidden;
  }
  
  .smallfont {
      font-size: 25px;
  }
  
  .test-center {
      display: inline-block;
  }
  
  .instruction-loc-big {
      width: auto;
      height: auto;
  }
  
  .instruction-loc-mini {
      top: 92%;
      left: 0%;
      bottom: 0%;
      width: 100%;
  }
  </code></pre>
  
  <p>.html</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
      &lt;link href="styles.css" rel="stylesheet" type="text/css"&gt;
      &lt;link href="bootstrap.css" rel="stylesheet" type="text/css"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;script src="testing.js"&gt;&lt;/script&gt;
      &lt;script&gt;var __adobewebfontsappname__="dreamweaver"&lt;/script&gt;&lt;script src="http://use.edgefonts.net/caesar-dressing:n4:default;lobster-two:n4:default;chicle:n4:default;henny-penny:n4:default;immi-five-o-five:n4:default.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body class="center"&gt;
      &lt;div class="container-fluid" id="wrapper"&gt;
        &lt;div class="container-fluid instructions instruction-loc-big"&gt;
          &lt;h1 class="instruction-text-header"&gt;How It Works&lt;/h1&gt;
          &lt;div class="minimizable"&gt;
            &lt;h3 class="instruction-text"&gt;1. Sign Up/Sign In &lt;/h3&gt;
            &lt;h3 class="instruction-text"&gt;2. Click a flyer &lt;/h3&gt;
            &lt;h3 class="instruction-text"&gt;3. Get your ticket &lt;/h3&gt;
            &lt;h3 class="instruction-text"&gt;4. Forward your ticket order confirmation&lt;/h3&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>