IE6 Sidebar Issue (Small Fix Needed)
-
Hey,
I’m hoping somebody out there has dealt with a similar issue before, as nothing I’ve found about IE6 bugs has helped – and I’ve torn my hair out trying!
The layout of my site, holidayfu.com, is broken in IE6. I have an IE specific stylesheet, which came with the theme I’ve since modified, and now managed to break.
The Problem:
My sidebar has been forced to the bottom of my page, below the blog entries. I recently made a few changes, so that the map at the top left on my homepage is at the top left, rather than below a google ad. The map is below a google ad on every other page. I hope that’s clear.
My IE stylesheet contains the following code:
#blog_left #blog_comm{ margin-left:40px; float:left; width:500px; } div#blog #blog_left{ width:550px; float:left; padding-top:25px; } div#blog #blog_right{ width:180px; float:left; } #blog_left .item_class{ padding-left:50px; } #blog_left .item_class .item_class_title{ width:530px; } #blog_left .item_class .item_class_text{ width:520px; }Any help, even if it’s just to point me in the direction of a fix, would be much appreciated.
-
To my even greater confusion, I don’t have the problem on my pages, which use a different div (like on the Shanghai destination guide for example).
Anybody?
If I’m not mistaken, one of the bugs in IE is that it doubles the margin of any floated element, which means it would take this:
#blog_left #blog_comm{ margin-left:40px; float:left; width:500px; }and turn the
margin-left:40px;intomargin-left:80px;I’m not sure if that’s what your after or not. Let me know how it goes.
Thanks Alex. Changing the margin width didn’t work, but reducing the width of #blogleft by 30px (in IE) seems to have done the job. I don’t know why, and I’m sure there are neater fixes out there, but it WORKS, and that’s enough.
I’m glad you got it figured out. Great job!
The topic ‘IE6 Sidebar Issue (Small Fix Needed)’ is closed to new replies.