Jump to content
Brow_Biscoito

[Resolvido] como faço para o footer ficar no fim da pagina sem passar os limites?

Recommended Posts

Remova a propriedade "display: flex"

Opte por usar só o width: 100% ou width: 100vw

Não se esqueça de fornecer suas coordenadas na horizontal. left: 0

Obs.: a propriedade margin auto não se aplica "não funciona" em elementos de posição absoluta "position: absolute"

 

A barra de rolagem está no body pelo fato de ".footer" ter a propriedade box-shadow que está vazando o tamanho do body que é a largura do footer + a sombra inexistente que colocou no elemento. De toda forma box-shadow não se utiliza da forma que você fez.

 

#EDIT:

Me esqueci, quando o footer aparecer a barra de rolagem na vertical é porque seus elementos internos ultrapassam os 50 pixels de altura, pois foi esse o tamanho que especificou a altura do footer.

Share this post


Link to post
Share on other sites

Valeu cara, nem tinha percebido que a sombra não estava aparecendo kk mas também arrumei ela e agora a pagina esta certinha.

Sou bem iniciante mesmo por isso vou vir com algumas perguntas bem idiotas daqui pra frente.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By frdca10
      Estou personalizando a página "minha conta" do woocomerce com o elementor.
      Nesta pagina coloquei alguns icones que funcionam como botões que direcionam o usuário para as paginas especificas (editar enrereço, editar conta, logout, dashboard).
       
      ja está funcionando e ao clicar em cada icone, a pagina é direcionada e o endereço do navegador muda e fica assim dependendo da situação:
       
      https://meusite/minha-conta/edit-account/
      https://meusite/minha-conta/orders/
      https://meusite/minha-conta/edit-address/
       
      Como eu posso fazer para que cada icone assuma uma cor especifica dependendo do endereço que foi acessado?
       
      Hoje todos os icones ficam da mesma cor. Gostaria de uma indicação visual de qual pagina esta sendo acessada
    • By Felper
      Criei um sistema de login com php e mysql mas não consigo realizar o login mesmo tendo certeza de que os dados foram cadastrados com sucesso. Não sei o que fiz de errado. Vejam o código:
      <?php $login2 = $_POST['loginlogar']; $senha2 = $_POST['senhalogar']; $link = mysqli_connect("localhost", "root", "", "bancolanche") or die("<h1>Não foi possível conectar!!</h1>". mysqli_error()); $banco = mysqli_select_db($link, "bancolanche") or die("<h1>Não foi possível abrir banco de dados!!</h1>". mysqli_error()); $sql = "SELECT login, senha FROM users"; $resulta = mysqli_query($link, $sql); while ($book = $resulta->fetch_object()) { $logindb = $book->login; $senhadb = $book->senha; } if($login2 == "" || $senha2 == ""){ $_SESSION['msg'] = "<h1 style='color:red'>Erro ao logar! Há campos de preenchimento obrigatório em branco.</h1>"; header("Location: logar.php"); } else { if($logindb==$login2 && $senhadb==$senha2){ $_SESSION['msg'] = "<h1 style='color:green'>Logoff realizado com sucesso!</h1>"; header("Location: index.html"); } else { $_SESSION['msg'] = "<h1 style='color:red'>Erro ao logar! Usuário inexistente ou senha incorreta.</h1>"; header("Location: logar.php"); } } mysqli_close($link); ?>  
    • By Felper
      Estou criando um jogo de avançar casas e não estou conseguindo somar os valores sorteados pelo dado. Quero fazer assim:
      let somadado=0;
      let valorsorteado=5;
      somadado=5;
      valorsorteado=3;
      somadado=8;
      valorsorteado=2;
      somadado=10;
       
      Assim por diante. 
       
    • By leonardorafaeldev
      Boa noite pessoal estou com um problema que o icone do meu site não aparece no mobile segue uma foto do problema o meu codigo esta assim
       
      <!-- icones -->   <link href="icones/favicon.ico" rel="icon">   <link href="icones/favicon.ico" rel="shortcut icon">    <link rel="apple-touch-icon" sizes="57x57" href="icones/apple-icon-57x57.png">   <link rel="apple-touch-icon" sizes="60x60" href="icones/apple-icon-60x60.png">   <link rel="apple-touch-icon" sizes="72x72" href="icones/apple-icon-72x72.png">   <link rel="apple-touch-icon" sizes="76x76" href="icones/apple-icon-76x76.png">   <link rel="apple-touch-icon" sizes="114x114" href="icones/apple-icon-114x114.png">   <link rel="apple-touch-icon" sizes="120x120" href="icones/apple-icon-120x120.png">   <link rel="apple-touch-icon" sizes="144x144" href="icones/apple-icon-144x144.png">   <link rel="apple-touch-icon" sizes="152x152" href="icones/apple-icon-152x152.png">   <link rel="apple-touch-icon" sizes="180x180" href="icones/apple-icon-180x180.png">   <link rel="icon" type="image/png" sizes="192x192"  href="icones/android-icon-192x192.png" >   <link rel="icon" type="image/png" sizes="36x36" href="icones/android-icon-36x36.png">   <link rel="icon" type="image/png" sizes="48x48" href="icones/android-icon-48x48.png">   <link rel="icon" type="image/png" sizes="96x96" href="icones/android-icon-96x96.png">   <link rel="icon" type="image/png" sizes="144x144" href="icones/android-icon-144x144.png">   <link rel="icon" type="image/png" sizes="72x72" href="icones/android-icon-72x72.png">   <link rel="icon" type="image/png" sizes="32x32" href="icones/favicon-32x32.png">   <link rel="icon" type="image/png" sizes="96x96" href="icones/favicon-96x96.png">   <link rel="icon" type="image/png" sizes="16x16" href="icones/favicon-16x16.png">   <link rel="manifest" href="icones/manifest.json">   <meta name="msapplication-TileColor" content="#ffffff">   <meta name="msapplication-TileImage" content="icones/ms-icon-144x144.png">   <meta name="theme-color" content="#ffffff">   <meta charset="utf-8">   <meta content="width=device-width, initial-scale=1.0" name="viewport">
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.