У меня проблема с компоновкой в моем приложении MVC весны. В моем приложении таблица, содержащаяся в div, выходит из нее, даже я установил параметр width для этого div. Я пробовал много решений, которые я искал Google, но безуспешно. Вот мой файл jsp, файл CSS и экран из моего приложения. Как вы можете видеть, когда текст в таблице длинный, он не разбивается на новую строку (как я хочу).
Файл CSS:
th,td {
border-style: solid;
border-width: 5px;
border-color: #BCBCBC;
}
#all {
width: 500px;
}
#tablediv {
width: 400px;
float: left;
}
Файл jsp:
<body>
<h3>All your notes:</h3>
<c:if test="${!empty notes}"/>
<form method="post" action="manage_note">
<div id="all">
<div id="tablediv">
<table>
<tr>
<th class="widther">Note date</th>
<th>Description</th>
</tr>
<c:forEach items="${notes}" var="note">
<tr>
<td class="widther">${note.date} ${note.time}</td>
<td >${note.description}</td>
<td><input type="radio" name="chosen_note" value="${note.note_id}"></td>
</tr>
</c:forEach>
</table>
</div>
<div id="addbutton">
<input name="add_note" type="submit" value="Add note"/>
</div>
</div>
<div id="restbuttons">
<input name="edit_note" type="submit" value="Edit"/>
<input name="delete_note" type="submit" value="Delete"/>
</div>
</form>
</body>
И вот экран: