I'm currently working on a website and I've encountered an issue with positioning. Within the content section, I have two main text boxes - one in the top left corner and one in the bottom right corner. However, when the browser window is resized, the boxes shift, with the bottom box moving to the left and the top box moving to the right due to their position:absolute settings. Is there a way to lock them in place or perhaps create a 'wall' in the middle to prevent this movement?
#contentleft {
font: normal 14px verdana, sans-serif;
width: 450px;
height:275px;
overflow-wrap:normal;
word-wrap:break-word;
position:absolute;
left:550px;
top:175px;
}
#contentright {
font: normal 14px verdana, sans-serif;
margin:0 auto;
width: 500px;
height:275px;
overflow-wrap:normal;
word-wrap:break-word;
position:absolute;
right:550px;
bottom:100px;
}