CSS does not respond below Header

Asked

Viewed 128 times

0

I’m sorry if it’s a silly question, but in fact I’m not seeing the problem or I didn’t have this experience well, because I’m a beginner. I am developing through Dreamweaver CC and my CSS has worked perfectly there, but when I step into the browsers, only Header appears with the correct color formatting and size. The other sections do not appear 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

1 answer

1


Remove the ; at the end of their 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>

  • Thanks! It worked! Sorry to bother you! Brigadeo msm!

Browser other questions tagged html5 css3

You are not signed in. Login or sign up in order to post.