Hello, I am encountering an issue with my messaging system where the messages retrieved from the database are not properly going to a new line in the window. Despite adjusting the width, the messages continue to overlap. Below is the code snippet:
This code is within a while loop fetching results from the database and displaying them using AJAX.
<p id='message' > " . $row["message"]. "</p>
The following code is displayed using AJAX:
<div id = "load_results" ></div
Here is the corresponding CSS:
#message {
background-color: blue;
width: 200px;
margin-right: 50px;
}
#load_results {
height: 400px;
overflow-y: auto;
width: 250px;
padding-left: 10px;
}
An overflow on the y-axis is required due to multiple scrollable elements lined up on the page, dictating a specific set of dimensions for both height and width.