CSS does not respond below Header

Question

CSS does not respond below Header

Navigation

#1 by (1 votes)

0

Sorry if it's a silly question, but in fact I can not see the problem or I did not have this experience well, because I'm a beginner. I'm developing through Dreamweaver CC and my CSS has worked perfectly there, but when I switch to browsers, only the Header comes up with the correct color and size formatting. The other sections are not formatted.

#topo {
  background-color: #C4EF25;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: auto;
}

;
#menu {
  background-color: #174BF3;
  margin: 0px;
  padding: 0px;
  width:
}

;
#corpo {
  background-color: #cccccc;
  width: 100%;
  height: auto;
  clear: both;
  /* nao permite outro obj flutuar sob a seção corpo */
}

;
#rodape {
  background-color: #FDFC0D;
  margin: 0px;
  padding: 0px;
}

;

<head>
  <meta charset="utf-8">
  <title>Documento sem título</title>
  <link rel="stylesheet" type="text/css" href="CSS\estilo.css">
</head>

<body>
  <header id="topo">
    <center> DOE AGORA </center>
  </header>
  <nav id="menu">
    <center>QUEM SOMOS | NOSSA HISTÓRIA | CONTATO</center>
  </nav>
  <section id="corpo">
    <p>ESTE É O CORPO</p>
  </section>
  <footer id="rodape"> MAPA DO SITE </footer>
</body>

html5 css3

asked by anonymous 26.01.2018 / 02:25

1 answer

Problem to convert SCSS par LESS For service node from within js

score 1 · Answer 1

Remove ; at the end of your classes.

#topo {
  background-color: #C4EF25;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: auto;
}

#menu {
  background-color: #174BF3;
  margin: 0px;
  padding: 0px;
  width:
}

#corpo {
  background-color: #cccccc;
  width: 100%;
  height: auto;
  clear: both;
  /* nao permite outro obj flutuar sob a seção corpo */
}

#rodape {
  background-color: #FDFC0D;
  margin: 0px;
  padding: 0px;
}

<head>
  <meta charset="utf-8">
  <title>Documento sem título</title>
  <link rel="stylesheet" type="text/css" href="CSS\estilo.css">
</head>

<body>
  <header id="topo">
    <center> DOE AGORA </center>
  </header>
  <nav id="menu">
    <center>QUEM SOMOS | NOSSA HISTÓRIA | CONTATO</center>
  </nav>
  <section id="corpo">
    <p>ESTE É O CORPO</p>
  </section>
  <footer id="rodape"> MAPA DO SITE </footer>
</body>