Como aplicar corretamente estilos CSS para definir áreas do conteúdo (definidas com elementos DIV) como colunas e faixas, sem recorrer ao uso de tabelas. Estes exemplos definem um leiaute em duas colunas, acrescido de uma faixa de topo e outra faixa horizontal logo abaixo, demonstrando boas práticas e técnicas de uso de estilos CSS.
Agora, a coluna da esquerda ocupa a maior parte da largura da janela, deixando à direita uma coluna de largura fixa.
Invertem-se as definições de estilo CSS entre as colunas esquerda e direita, assim:
div#colunaEsquerda { margin-right: 150px; } div#colunaDireita { float: right; width: 130px; background: #999900; }
Retornar para o exemplo inicial de Colunas e Faixas em CSS.
© 2003-2020, Márcio d'Ávila, mhavila.com.br, direitos reservados. O texto e código-fonte apresentados podem ser referenciados, distribuídos e utilizados, desde que expressamente citada esta fonte e o crédito do(s) autor(es). A informação aqui apresentada, apesar de todo o esforço para garantir sua precisão e correção, é oferecida "como está", sem quaisquer garantias explícitas ou implícitas decorrentes de sua utilização ou suas conseqüências diretas e indiretas.