[help] with IE layout fixing

Hey everyone,

I've been working on a site update for my college's student union. Unfortunately I've hit a bit of a wall trying to make the layout work properly on Internet Explorer. Being on a mac doesn't help much either.

The page linked below works OK on Safari and Firefox, but completely naffs up in IE. I've been trying to find a way to make it work but can't. The main problem is that IE doesn't support position: fixed; in the CSS.

Can anyone help sort this so that it looks right in IE:Win?

Site:

http://www.menial.co.uk/wye/

What it should look like:

http://www.menial.co.uk/wye/wye.gif

#322955

What are the visitor specs? How many people use IE vs. Safari vs. FF?

My initial suggestion would be to recode the site positioning for IE (), and then use the father > child element which IE doesn't understand, but F-fox does. Essentially, you would be undoing your IE code, but since IE doesn't understand this "undo" part, it would work in both F-fox and IE. Unfortunately, I'm not sure if Safari understands the father > child element--if it doesn't, then you're in a bit of trouble.

It would be easy to test if Safari does it--here's the test I just wrote.

http://nc.needlemen.com/trial.htm

Stupid IE :slant:

-NC

P.S: I'm sure there's a better suggestion out there, as this is a little unwieldy.

#322957

well you can always just use CSS to position the background images, and use tables for the main layout. good luck with it.

#322963

Sorry, I didn't explain properly. I've tried to do the code for IE then override for everything else method, but I can't get it to look right in IE in the first place!

Oh, and Safari does support parent>child

...and most of the audience is IE.

#322964

IE does not support the position:fixed property.

In addition, IE does not display PNG24/32 alpha channels.

You will need to work out a solution using position:absolute, or do something tricky with the positioning of background images. Fixed background-attachment should solve some of your problems. Your drop-shadows and semi-transparency will need to be baked in to the images to display in IE.

#323041

In addition, IE does not display PNG24/32 alpha channels.

Yeah, you can see in his code that he was going to use the ActiveX fix for that.

Oh, and what about the father > child code wasn't working?

-NC

#323071

Yeah, you can see in his code that he was going to use the ActiveX fix for that.

Oh, and what about the father > child code wasn't working?

-NC

But you can see in IE that the ActiveX fix does nothing in this case. I believe it only works for inline images - not CSS backgrounds.

Regarding the parent>child selectors, maybe adjacent selectors (+) could be used with regular decendant selectors.

imho, it might be more worthwhile to start from scratch and test each selector in IE as it is created.

#323078

As stated in my original post, I know IE doesn't support position: fixed. I also know about IE and PNG transparency and am pretty sure that this can be worked around in IE.

Basically, I just want it to work in IE. Stuff the other browsers, I can fix that later. But getting it to work on IE at all is the problem.

Background-attachment: fixed; Doesn't seem to work either. When I tried it the other day, the images still moved with the page. Will revisit though.

Thanks for the comments anyhow.

#323140