I created an iframed block for facebook, but when applying to the site, everything in the first sidebar drops below the content only in IE. Also in IE, the breadcrumbs in the forum sit below each other and not alongside each other. Fine in other browsers. I even moved to 'Advanced Foums' to try and sort out, but still the same issue. To top it off, I try to use the img align="left" in a content page and IE drops all of the text to the bottom. See www.pagg.co.uk for the issues.

Comments

Lioz’s picture

Lioz commented
Assigned: Unassigned » Lioz

hi, which version of ie? os?

seftonn’s picture

seftonn commented

Hello. It's Win XP. IE 7.

jbergeron’s picture

jbergeron commented

I am seeing the same problem regarding the sidebar dropping down below the content. It seems like the navigation CSS is missing entirely as well, as the Home link just shows up as a plain blue link.

jbergeron’s picture

jbergeron commented

I was able to fix the sidebar problem by switching the layout for the theme back to 1048. At 988 it was squeezing the sidebar to the main content area.

seftonn’s picture

seftonn commented

Excellent thanks. How and what file do I change to set this? I've checked my settings in appearance -> marinelli, but it is already set to fixed 1048.

seftonn’s picture

seftonn commented

Ok, I've found the issue, but don't know how to fix. As soon as I hover over one of the primary links (above the slideshow). IE then drops the content. Literally the blocks appears ok, but as soon as I hover over any of the links above the slideshow, the blocks drop below the content and the breadcrumbs drop below each other as well.

This should be easy to fix surely. Please help. www.pagg.co.uk/buy/pagg-stack-supplements

Thanks,
Neil

seftonn’s picture

seftonn commented
Version: 7.x-3.0-beta9 » 7.x-3.0-beta8

Found a temporary workaround, but would like a full solution.

I edited the primary.css file and changed:

#navigation-primary > ul > li:hover > h2 > a{ /* active and hover state of the first level */
padding:5px 10px 5px 10px;
margin-top:-10px;
}

to:

#navigation-primary > ul > li:hover > h2 > a{ /* active and hover state of the first level */
padding:0px 10px 0px 10px;
margin-top:0px;
}

This solves the issues with IE, but my main menus don't now change sizes as you hover over them. I need the full fix, so I can set the above back and have everything working.

koppie’s picture

koppie commented
Version: 7.x-3.0-beta8 » 7.x-3.0-beta9
Status: Active » Needs review

Unfortunately Seftonn's fix didn't work for me. I'm switching the version back to beta 9 because I've had the same problem here, but I think I have a fix.

The problem is that IE7 treats the "position" css tag differently. My sidebar was getting the class .grid_4, which gets the value position: relative. To put the sidebar back where it goes in IE7, it needs to be position: absolute. The problem is all the grids are given the same value, and if you change them all, the site breaks in every browser. Here's my solution:


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.grid_4 {
	position: absolute;
}

This goes in marinelli/css/grid/grid_1000.css.

Enjoy!

seftonn’s picture

seftonn commented

Thanks for that. I tried it and it seemed to work until......

I went to a page that didn't have much content. As I have a few items in the first sidebar, they went lower than the page.

koppie’s picture

koppie commented
Version: 7.x-3.0-beta9 » 7.x-3.0-beta11

I had the same problem. I fixed it by changing this:

.grid_4 {
	position: absolute;
}

To this:

.grid_4 {
	*position: absolute;
}

This uses an IE css hack so the code only shows up on IE 7 and older. Firefox, Chrome, Safari, IE 8, and IE 9 all render it properly now. But IE 7 needs "position: absolute" in order to keep the right sidebar on the right.

So, IE 7 still spills off the sidebar, but at least the sidebar is in the right place now. For my client, only 5% of his traffic comes from IE7, so I think this is an acceptable state of affairs.

I'm updating the version because two releases later, and this still isn't fixed. Can someone roll a patch for this?

djsagar’s picture

djsagar commented
Issue summary: View changes

Hi,

Try
{ #navigation-primary > ul > li :z-index: 4; }

It's work's fine for me.

Thanks!