JSP + MYSql + HTML - Texto da consulta ultrapassa tamanho da DIV

Boa noite,

estou encontrando dificuldade para resolver esse problema:

eu realizo uma consulta no BD via JSP, e vou imprimir o resultado numa DIV, porém, se o texto for maior que o tamanho da DIV, ele continua escrevendo, e não há quebra de linha.

Aqui vai um trecho do código, e a imagem ilustrando ao erro:

<style type="text/css">

#anuncio
{
width: 762px;
height: 240px;
background-color: yellow;
border: 1px solid black;
padding: 4px;
}

#anuncio img
{
width: 250px;
height: 240px;
float: left;
}

#infos
{
width: 500px;
height: 240px;
float: right;
}

#titulo
{
width: 500px;
height: 22px;
font-size: 22px;
text-align: center;
}

#descricao
{
width: 500px;
height: 148px;
font-size: 18px;
}

#anunciante
{
width: 500px;
height: 14px;
font-size: 14px;
}

#telefone
{
width: 500px;
height: 14px;
font-size: 14px;
}

#email
{
width: 500px;
height: 14px;
font-size: 14px;
}

#preco
{
width: 500px;
height: 14px;
font-size: 14px;
text-align: right;
}

</style>
</head>

<body>

<%   
	String descricao = request.getParameter("txtPesquisa");
	String categoria = request.getParameter("txtCategoria");
	String imagem = new String();
	String titulo = new String();
	String desc = new String();
	String anunciante = new String();
	String telefone = new String();
	String email = new String();
	double preco = 0;
	
	
	try{
			
		Class.forName("com.mysql.jdbc.Driver");
	}catch(ClassNotFoundException e){
		out.println("Erro ao carregar o driver do banco.");
	}
	try{
		java.sql.Connection con = DriverManager.getConnection("jdbc:mysql://localhost/teste?user=root&password=1234");
		java.sql.PreparedStatement query = con.prepareStatement("SELECT * FROM anuncio");
		
		ResultSet rs = query.executeQuery();
		
		while(rs.next()){

			imagem = rs.getString("imagem");
			imagem = "Pictures" + File.separator + imagem;
			titulo = rs.getString("titulo");
			desc = rs.getString("descricao");
			anunciante = rs.getString("anunciante");
			preco = rs.getDouble("preco");
			telefone = rs.getString("telefone");
			email = rs.getString("email");
		
		  out.println("<div id=\"anuncio\">");	
		  out.println("<img src='" +imagem+ "'>");
		  out.println("<div id=\"infos\">");
		  out.println("<div id=\"titulo\"><strong>" +titulo+ "</strong></div><br>");
		  out.println("<div id=\"descricao\">" +desc+ "</div>");
		  out.println("<div id=\"anunciante\"><strong>Anunciante: </strong>" +anunciante+ "</div>");
		  out.println("<div id=\"telefone\"><strong>Contato: </strong>" +telefone+ "</div>");
		  out.println("<div id=\"email\">" +email+ "</div>");
		  out.println("<div id=\"preco\"><strong>Preço: </strong> R$ " +preco+ "</div>");
		  out.println("</div>");
		  out.println("</div>");

		  out.println("<br/>");
			
		}
		query.close();
		con.close();
	
	} catch(SQLException e) {
		out.print("Problemas ao conectar ao Banco de Dados" + e.getMessage()); 
	
	}
%>
</div>

Desculpem a precariedade do código, mas é apenas para ilustrar o erro.

Grato

2 Respostas

Topicos relacionados