Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rikaschmitt

Borda da div

Por , em Desenvolvimento frontend

Recommended Posts

rikaschmitt    54

rikaschmitt
Postado

Bom dia galera.

 

Estou com duas divs, ambas com uma borda lateral, mas quando uma delas tem a altura maior, a outra não "acompanha" a altura.

 

24zjb4z.jpg

 

Como posso corrigir isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

erickcouto    6

erickcouto
Postado

Coloca borda lateral somente na da direita, ja tentou ???

 

 

n sei se entendi direito mas vc ta usando algo do tipo

 

 

.div-direita{
border-left: 1px solid #000;
border-right: 1px solid #000;

}

Compartilhar este post

Link para o post
Compartilhar em outros sites

erickcouto    6

erickcouto
Postado

mano fiz um teste besta aqui corrido e deu certo

 

 

usei algo assim bem basico

    <body>
        <div class="esquerda">ESQUERDA</div>
        <div class="direita">DIREITA</div>
    </body>  

.direita{
    background-color: #ccc;
    width: 100px;
    height: 50px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
}
.esquerda{
   float: left;
    background-color: #ccc;
    width: 100px;
    height: 30px;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

rikaschmitt    54

rikaschmitt
Postado

Não deu certo, talvez porque você não entendeu direito o que estou precisando rsrs.

 

Eu quero a altura de ambas as divs sejam iguais, para que não fique esse espaço. Nisso, as bordas também ficarão do mesmo tamanho.

 

Acho que terei que optar por jquery, ou sei lá.

Compartilhar este post

Link para o post
Compartilhar em outros sites

erickcouto    6

erickcouto
Postado

Poutz vdd eu entendi errado ...

Vc esta querendo que quando o texto for grande a div acompanhe o tamanho dele ?

 

 

Se for isso ...

 

tente usar um height: auto, agora se n for ai to perdido n entendi a pergunta .... =/

Compartilhar este post

Link para o post
Compartilhar em outros sites

erickcouto    6

erickcouto
Postado

engraçado pq esse mesmo codigo que eu postei pra vc eu adicionei um texto grande na div da direita e coloquei um height: auto; no css da direita e pronto ela acompanhou o texto e a borda foi junto, mas n sei se o que aconteceu aqui é o que vc realmente quer ...

 

Eu tentaria n utilizar a imagem...

 

 

Se quiser posta seu código ai que dou uma olhada ,.. flws

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito