Skip to main content
djphantasy57
djphantasy57
Participant
March 17, 2019
Answered

Dreamweaver Output Error bug.

  • March 17, 2019
  • 2 replies
  • 6128 views

I believe I found a bug in Dreamweaver CC. I get an output error when using some CSS markup for 'grid-template-columns' and 'grid-template-rows'. It says that both lines expect a 'RBRACE', however, I've used this code before in other instances and the error doesn't pop up. Is posting this issue to the forums a way to alert the development team? Below is my HTML and CSS.

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test Page</title>
<link rel="stylesheet" href="css/styles.css">
</head>

<body>
<header>
  <nav>
   <a href="#">Home</a>
   <a href="#">About</a>
   <a href="#">Events</a>
   <a href="#">Contact</a>
  </nav>
</header>
<main>
  <section id="intro">
   <div>Testing</div>
  </section>
</main>
</body>
</html>

CSS

@charset "utf-8";

/* CSS Document */

body {

     background-color: black;

     color: white;

     margin: 0 auto;

}

nav {

     display: flex;

     justify-content: space-around;

     background-color: darkred;

}

nav a {

     color: white; padding: 10px;

     }

#intro {

     display: grid;

     grid-template-columns: repeat(12, 1fr);

     grid-template-rows: repeat(3, 1fr);

     height: 90vh; background-color: #202020;

}

#intro div {

     grid-column: 1 / 5;

     grid-row: 2;

     background-color:red;

}

This topic has been closed for replies.
Correct answer Nancy OShea

Submit bug reports from your Help Menu.  This is a user-to-user forum.

I cannot reproduce your issues in CC 2019.  This code does not flag any errors or warnings for me.  That said, a missing right brace is often caused by an unclosed media query higher up in the document or some other code error.   Validate your complete CSS code with this online service.

The W3C CSS Validation Service 

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>TEST</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
background-color: black;
color: white;
margin: 0 auto;
}
nav {
display: flex;
justify-content: space-around;
background-color: darkred;
}
nav a {
color: white;
padding: 10px;
}
#intro {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(3, 1fr);
height: 90vh;
background-color: #202020;
}
#intro div {
grid-column: 1 / 5;
grid-row: 2;
background-color: red;
}
</style>
</head>
<body>
<header>
<nav> 
<a href="#">Home</a> 
<a href="#">About</a> 
<a href="#">Events</a> 
<a href="#">Contact</a> 
</nav>
</header>
<main>
<section id="intro">
<div>Testing</div>
</section>
</main>
</body>
</html>

2 replies

Jon Fritz
Community Expert
Jon FritzCommunity Expert
Community Expert
March 18, 2019

Is that the entire code of your css file?

The "expected brace" error can come from a lot of different things, and can show up in positions that have nothing to do with the actual error in the code.

    S
    steven@cigar.agency
    Participant
    June 4, 2019

    hello, I got the same error on "grid-template-columns: repeat(3, 1fr);"

    the use of "1fr" gives the error?

    Jon Fritz
    Community Expert
    Jon FritzCommunity Expert
    Community Expert
    June 4, 2019

    If you're using an old version of DW, that string, along with a large assortment of other valid CSS, could flag as wrong.

    In the latest version of CC2019 I don't get any errors with just the code you've provided, but as I mentioned above, oftentimes "expected brace" errors are caused by errors in your code not associated with the highlighted line number.

    If you're seeing the error in the latest version of DW, could you share the entire code of the file?

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    March 17, 2019

    Submit bug reports from your Help Menu.  This is a user-to-user forum.

    I cannot reproduce your issues in CC 2019.  This code does not flag any errors or warnings for me.  That said, a missing right brace is often caused by an unclosed media query higher up in the document or some other code error.   Validate your complete CSS code with this online service.

    The W3C CSS Validation Service 

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>TEST</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    body {
    background-color: black;
    color: white;
    margin: 0 auto;
    }
    nav {
    display: flex;
    justify-content: space-around;
    background-color: darkred;
    }
    nav a {
    color: white;
    padding: 10px;
    }
    #intro {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(3, 1fr);
    height: 90vh;
    background-color: #202020;
    }
    #intro div {
    grid-column: 1 / 5;
    grid-row: 2;
    background-color: red;
    }
    </style>
    </head>
    <body>
    <header>
    <nav> 
    <a href="#">Home</a> 
    <a href="#">About</a> 
    <a href="#">Events</a> 
    <a href="#">Contact</a> 
    </nav>
    </header>
    <main>
    <section id="intro">
    <div>Testing</div>
    </section>
    </main>
    </body>
    </html>
    Nancy O'Shea— Product User & Community Expert
    Firefly Community Gallery
    Adobe Firefly

    Remix with Firefly Community Gallery

    Thousands of free creations to fall in love with and remix in Firefly.

    Explore now
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices