Ir para conteúdo

Arquivado

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

rikaschmitt

diagramação do conteúdo usando grids

Recommended Posts

Oi pessoal.

 

Tenho uma dúvida sobre a diagramação do conteúdo seguindo o grid de colunas de um layout responsivo.

 

Fiz um exemplo que já me surgiu várias vezes.. Tipo:

 

33usep4.jpg

 

No caso, há um conteúdo somente alocado em um determinado lado do site (colunas 5 6 7 8). As demais ficam vazias.. ou seja.. eu crio 2 divs (metade metade) e deixo uma sem conteúdo? Ou eu crio uma linha que preencha todas as 8 colunas e apenas aloco a direita o conteúdo? Como faço nesses casos?

 

Pois até agora fiz "gambiarra" :\

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu forçaria um float: right.

Sem elementos vazios.

 

Dependendo do sistema de grid que vc usa, alguns possuem algo como "pull-left", que é algo q serve exatamente para isso, mas fica bem feio, pois ele "dá margin-left" até empurrar o elemento.

 

Por isso, eu, prefiro um float: right; (igual faríamos sem grid)

Compartilhar este post


Link para o post
Compartilhar em outros sites

A tah certo. Foi o que imaginei.

Mas digamos, o que faria neste exemplo:

 

14tbvps.jpg

 

Tem um conteúdo de texto que preenche 2 colunas (1-2), e do outro lado uma imagem que preenche 4 colunas (5 6 7 8). Eu faria duas colunas "half" e alocaria o os conteúdos com floats?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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