Ir para conteúdo
Fórum Script Brasil
  • 0

Conteudo da div interfere na posição da outra


Vitor Campos

Pergunta

Aqui uma screenshot detalhada do erro: http://prntscr.com/j5firk

Observe que quanto maior for o conteudo da div ao lado, a outra div desce em questão da posição. O que eu queria é que ela ficasse fixa ali.

--

Já tentei usar Position: fixed; mas não funciona a div fica com um tamanho desproporcional e sai do tamanho que eu defini.

Codigo:

<div style="max-width: 100%;">
                <div class="card-panel purplemx" style="width:49%; box-shadow: 1px 1px 12px 1px rgba(61,55,128,1); border-radius:3px; display:inline-block;">
                    <div class="card-content">
                        <h5 class="card-title white-text"><i class="fas fa-star" style="color:yellow"></i> USUARIO DESTAQUE<hr></hr></h5>
                        <p class="white-text">
                        <div class="destaque white-text">
                            conteudo teste
                            <br>
                            conteudo teste
                            <br>conteudo teste
                            <br>conteudo teste
                            <br>conteudo teste
                            <br>conteudo teste
                            <br>conteudo teste
                            <br>conteudo teste
                            <br>conteudo teste
                            <br>
                        </div>
                        </p>
                    </div>
                </div>
                <span style="padding-left:1%"></span>
                <div class="card-panel purplemx" style="width:49%; box-shadow: 1px 1px 12px 1px rgba(61,55,128,1); border-radius:3px; display:inline-block;">
                    <div class="card-content">
                        <h5 class="card-title white-text"><i class="pink-text fas fa-gift"></i> PRESENTES<hr></hr></h5>
                        <center>
                            <p class="white-text">
                                <i class="fas fa-unknown fa-2x"></i>
                            </p>
                        </center>
                    </div>
                </div>
        </div>

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...