I have a page that's center aligned on the screen and what I would like to do is add div right next to the right edge of the page outline but do not want that div to affect width of the page. So div doesn't create horizontal scroll and page is still centered as it was before the div. is something like this possible?
Thank you for your help. That's similar to what I want, I just want that sidebar to be outside the content outline and also I want the page to be centered based on the main content and ignore the sidebar.
In that case, it's easy to place an absolutely positioned div outside your container.
<div id="container" style="position:relative;">
then add the following line of markup:
<div style="position:absolute; left:758px; top:120px; width:120px;">Content for your sidebar goes here.</div>
You can play around with width, height, padding, etc. to get the size of the div to your design. You'll get a scroll bar if the browser window is less than the combined width of your container and sidebar, but your container will remain centered on wider windows.