O conteudo da página se for mto comprido, ultrapassa as margens que defini ao invés de quebrar na linha debaixo. Só quebra pra linha debaixo se eu usar <br>.
O site tem um topo, coluna esquerda, conteudo,coluna direita e rodapé.
Se digar um texto mto grande no conteúdo, ele ultrapassa a largura do conteudo e saí pra fora da margem.
A coluna esquerda, o conteúdo e a coluna direita estão com float:left;
Não estou conseguindo fazer ele quebrar automaticamente sem ter que ficar colocando <br> qdo for digitar algo.
CSS:
#topo { background-image: url("../imagens/topo_2.png"); width: 970px; height: 150px; } #menu_esquerdo { width:150px; margin-top: 10px; margin-left: 5px; float: left; } #conteudo { width: 640px; margin-top: 20px; margin-left: 5px; margin-right: 5px; float: left; } #menu_direito { margin-top: 10px; margin-right: 5px; float: left; } #topo_conteudo { background-image: url("../imagens/topo_conteudo.png"); width: 640px; height: 32px; } #conteudo_conteudo { background-image: url("../imagens/conteudo_conteudo.png"); background-repeat: repeat-y; width: 640px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #rodape_conteudo { background-image: url("../imagens/rodape_conteudo.png"); width: 640px; height: 30px; } #imagem_topo { background-image: url("../imagens/topo_item_menu.png"); width: 150px; height: 91px; } #imagem_item_home { background-image: url("../imagens/item_menu_home.png"); width: 150px; height: 30px; } #imagem_item_videoaulas { background-image: url("../imagens/item_menu_video_aulas.png"); width: 150px; height: 30px; } #imagem_item_codigos { background-image: url("../imagens/item_menu_codigos.png"); width: 150px; height: 30px; } #imagem_item_contato { background-image: url("../imagens/item_menu_contato.png"); width: 150px; height: 30px; } #imagem_rodape_menu { background-image: url("../imagens/rodape_item_menu.png"); width: 150px; height: 18px; } #rodape_imagem_topo { background-image: url('../imagens/rodape_topo.png'); width: 960px; height: 21px; margin-top: 30px; } #rodape_imagem_conteudo { background-image: url('../imagens/conteudo_rodape.png'); width: 960px; } #rodape_imagem_rodape { background-image: url('../imagens/rodape_rodape.png'); width: 960px; height: 18px; }
Página:
<?php include "css.php"; ?> <html> <head> </head> <body> <center> <div id="menu_esquerdo"> <div id="menu_principal"> <div id="imagem_topo"> </div> <div id="imagem_item_home"> <a href="?pag=home" ><img src="imagens/item_menu_home.png" border="0"></a> </div> <div id="imagem_item_videoaulas"> <a href="?pag=videoaulas" ><img src="imagens/item_menu_video_aulas.png" border="0"></a> </div> <div id="imagem_item_codigos"> <a href="?pag=codigos" ><img src="imagens/item_menu_codigos.png" border="0"></a> </div> <div id="imagem_item_contato"> <a href="?pag=contato" ><img src="imagens/item_menu_contato.png" border="0"></a> </div> <div id="imagem_rodape_menu"> </div> </div> <div id="menu_parceiros"> <br><br> <hr> Parceiros <a href=#> <img src="imagens/teste_parceiros.png" border="0"></a> </div> </div> </div> <div id="conteudo"> <div id="topo_conteudo"> </div> <div id="conteudo_conteudo"> a<br>a<br>a<br>sadasdasdasd<br>dsasd<br> a<br>a<br>a<br>sadasdasdasd<br>dsasd<br> a<br>a<br>a<br>sadasdasdasd<br>dsasd<br> a<br>a<br>a<br>sadasdasdasd<br>dsasd<br> </div> <div id="rodape_conteudo"> </div> </div> <div id="menu_direito"> <div id="menu_principal"> <div id="imagem_topo"> </div> <div id="imagem_item_home"> <a href="?pag=home" ><img src="imagens/item_menu_home.png" border="0"></a> </div> <div id="imagem_item_videoaulas"> <a href="?pag=videoaulas" ><img src="imagens/item_menu_video_aulas.png" border="0"></a> </div> <div id="imagem_item_codigos"> <a href="?pag=codigos" ><img src="imagens/item_menu_codigos.png" border="0"></a> </div> <div id="imagem_item_contato"> <a href="?pag=contato" ><img src="imagens/item_menu_contato.png" border="0"></a> </div> <div id="imagem_rodape_menu"> </div> </div> </div> <div style="clear:both"> </center> </body> </html>
- LarPhozyHah likes this