Skip to main content
correção do codigo
Fonte Link
Rene Freak
  • 926
  • 5
  • 22

Tente este código:

footer {
 width: 100%;
 position: absolute;fixed;
 bottom: 0;
 right: 0;
 background: rgb(45,45,47);
 height: 40px;
 display: flex;
}

#footercontainer {
    width: 1000px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

<footer>
  <div id="footercontainer"> 
  </div>
</footer>

Tente este código:

footer {
 width: 100%;
 position: absolute;
 bottom: 0;
 background: rgb(45,45,47);
 height: 40px;
 display: flex;
}

#footercontainer {
    width: 1000px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

<footer>
  <div id="footercontainer"> 
  </div>
</footer>

Tente este código:

footer {
 width: 100%;
 position: fixed;
 bottom: 0;
 right: 0;
 background: rgb(45,45,47);
 height: 40px;
 display: flex;
}

#footercontainer {
    width: 1000px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

<footer>
  <div id="footercontainer"> 
  </div>
</footer>
correção da resposta
Fonte Link
Rene Freak
  • 926
  • 5
  • 22

TesteTente este código:

footer {
 width: 100%100%;
 position: absolute;
 bottom: 0;
 background: rgb(45,45,47);
 height: 40px;
 display: flex;
}

#footercontainer {
    width: 1000px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

<footer>
  <div id="footercontainer"> 
  </div>
</footer>

Repare que eliminei #footercontainer

Teste este código:

footer {
 width: 100%
 position: absolute;
 bottom: 0;
 background: rgb(45,45,47);
 height: 40px;
}

<footer>
</footer>

Repare que eliminei #footercontainer

Tente este código:

footer {
 width: 100%;
 position: absolute;
 bottom: 0;
 background: rgb(45,45,47);
 height: 40px;
 display: flex;
}

#footercontainer {
    width: 1000px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

<footer>
  <div id="footercontainer"> 
  </div>
</footer>
Fonte Link
Rene Freak
  • 926
  • 5
  • 22

Teste este código:

footer {
 width: 100%
 position: absolute;
 bottom: 0;
 background: rgb(45,45,47);
 height: 40px;
}

<footer>
</footer>

Repare que eliminei #footercontainer