Unrealistic CSS Expectations or IE Trickery
On the project I am currently working on, I have a specific singular instance where I have one page on my CMS that needs to push content into a sidebar. Unfortunately, I am only able to directly affect the main content div, so a dirty solution was needed.
At first, I simply tried to add the content into the sidebar, a beginner mistake I know. That worked, but left an unwieldy space within the main content div. So, I needed to try something else.
Next, I floated the material to the right. I knew that this plan had some flaws, but I wanted to see if it would work, as the sidebar itself is empty within these pages. That worked pretty much exactly as planned, so I needed to tweak it. I figured out the width of the content I needed within the sidebar and created a negative margin matching that. I tested my solution in Safari and Firefox. Everything worked. I took a break. Changing display to block didn’t make any difference.
I came back and tested in IE. It was as if the material never existed in the first place. Now, I’ve given up on pushing the content outside the main div. So, once again, thank you IE very much for making my life exciting once again.