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>
