0

Tenho um texto dentro de uma div e o mesmo não vai até o fim da mesma e gostaria que isso acontecesse, o texto é o que está posicionado a direita da página ao lado da imagem maior. Criei uma div genérica para fazer alguns testes.

A div com sua configuração original:

.one-fourth {
    width: 20.5%;   
    max-width: 220px;
}

Fiz os cálculos, mas não consegui.

A div com a minha alteração

.one-fourth-pers {
    width: 40.5%;   
    max-width: 220px;
}
.column-last { 
    margin-right: 0 !important;
}

O site em questão é esse: Página de detalhes do produto

1 Resposta 1

1

tente realizar a seguinte alteração na classe .one-fourth removendo o max-width.

.one-fourth-pers {
    width: 40.5%;
    /* max-width: 220px; */
    float: left;
}
5
  • Olá @user2363, agora o texto está em uma linha mas o mesmo ficou abaixo da imagem, veja: moveissaobento.com.br/msb/… Commented 27/01/2015 às 18:47
  • 1
    você esqueceu de adicionar um floar left a classe .one-fourth-pers Commented 27/01/2015 às 19:05
  • Obrigado, @user2363, tenho sofrido muito com esse layout responsivo, agradeço a ajuda, ficou excelente o resultado. Commented 27/01/2015 às 19:17
  • caso você tenha interrese, você dá uma olhada na implementação do Zurb Foundation. pode lhe ajudar a entender melhor o funcionamento de um layout responsivo. foundation.zurb.com Commented 27/01/2015 às 19:23
  • Claro, tenho interesse sim e obrigado novamente pela excelente dica. Commented 27/01/2015 às 19:45

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .