Hi, I need a bit of help! My website (Correr Es Mi Destino) displays fine in various browser but with IE6, the sidebar is pushed to the bottom. I did some research and apparently, it's because "IE6 doubles float margins". The common solution seems to be adding {display: inline;} to the #content and #sidebar. However, when I try that fix, it messes up my sidebar even more! Any idea? I'm not a coder but I'm willing to try to understand what's going on Thank you very much!
I was able to pinpoint the problem a bit more: apparently, this is due to the Flickr Gallery plugin. When I deactivate it, sidebar is back to normal. I still want to try to solve the problem, is anyone has a clue!
In Internet Explorer, when you have two divs next to eachother, for example, content and a sidebar, it will push the sidebar below the content if you have a set width for them to fit in, and there's too much space being used. So say you have a container thats width is 950px, and the content section is 700, and the sidebar is 250, but the Flickr Gallery Plugin is bigger than 250px, that will be more than 250px and Internet Explorer pushes it to the bottom. Try making the width of the plugin smaller or something.
Thank you for your reply. It makes sense! The only problem is, the Flickr Gallery plugin is on a page with no sidebar, so it display fine and fits the page. But the rest of the blog still has the sidebar pushed to the bottom.