Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho duas colunas em minha pagina , uma coluna de navegacao e a outra é a coluna principal .
O problema é que as COLUNAS CRESCEM INDEPENDENTE UMA DA OUTRA , ou seja, qdo a da navegacao cresce a principal nao acompanha e vice versa e isso acaba quebrando o layout do site.
PEGUEI O EX EXATAMENTE IGUAL DESSA PAGINA E ESTA DANDO ERRADO
http://www.maujor.com/tutorial/lay2col-faux-colunm.php
<style type="text/css"> #tudo { width:760px; [b]background: url(faux-bg.gif) repeat-y 0 0;[/b] // isso é o que foi dito pra fazer ....colocar uma imagem de fundo pra resolver esse problema mais nada }#topo { height:80px; background-color:#df7ddf; }#principal { width:578px; background-color:#9cf; float:right; }#navegacao { width:180px; background-color:#ffbe7d; float:left; }#rodape { clear:both; height:20px; background-color:#b5daa2; }</style></head><body><h2>RENDERIZAÇÃO:</h2><div id="tudo"><div id="topo">TOPO</div><div id="navegacao"><h4>COLUNA DE NAVEGAÇÃO</h4><p>Lorem ipsum dolor</p><p>Lorem ipsum dolor</p><p>Lorem ipsum dolor</p><p>Lorem ipsum dolor</p><p>Lorem ipsum dolor</p></div><div id="principal"><h4>COLUNA PRINCIPAL</h4><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eleifend, purus quis laoreet faucibus, ante augue malesuada mi, id rhoncus augue lorem eget elit. Ut sollicitudin sodales purus. Phasellus libero felis, blandit nec, commodo ut, imperdiet ut, nibh. Suspendisse potenti. Donec ullamcorper cursus dolor. Duis vitae ipsum. Maecenas dapibus hendrerit diam. Morbi varius, massa id pretium accumsan, nunc lorem congue libero, ut euismod metus libero id nulla. Duis posuere odio sed velit vulputate venenatis. Suspendisse et dui ac metus auctor fringilla. Curabitur interdum augue a pede.</p></div><div id="rodape">RODAPE</div></div></body></html>
Carregando comentários...