I am in the process of designing a custom template for my eBay listings. My goal is to include a sidebar that floats to the right of the main text body. However, I have encountered an issue where, when I paste the source code into the eBay listing, the sidebar appears to be misaligned from the main text body, creating unwanted white space. Is there a way to ensure that the sidebar always aligns tightly to the right edge of the main text body box, regardless of its width?
As a novice in coding, I understand that my query may not be clear. Nonetheless, I have shared the code below for reference. If you view it in full screen on a web browser, you will see the issue.
<head>
<div id="pdcontainer">
<style>
#pdcontainer {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}
#sidebar {
position:relative; float:right; width:175px;
min-height:2450px;border:5px solid #66CCFF;
}
body{margin:0;padding:0;width:500px;height:2455px;border:5px solid #66CCFF;"}
</style>
</head>
<body>
<div id="sidebar">
<br/><br/><br/><b><font size=+1><center></center></font></b><br/><br/><br/>
</div>
<div id="body"> Testfffffffffff <br/>
</div>
</body>