• Resolved guided

    (@guided)


    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter guided

    (@guided)

    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).

    Thread Starter guided

    (@guided)

    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; into margin-left:80px;

    I’m not sure if that’s what your after or not. Let me know how it goes.

    Thread Starter guided

    (@guided)

    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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘IE6 Sidebar Issue (Small Fix Needed)’ is closed to new replies.