Indexhibit^TM
Index + Exhibit

Hi There,

Having a bit of trouble with this site in IE 6,7 & 8 as it appears to be pushing the content on top of the menu. All other browsers (firefox & safari) on a mac platform is working perfectly. To test the changes, I am using:
http://ipinfo.info/netrenderer/index.php

Have added as suggested the ie.js file and code to the index.php with no joy.. been tweaking the widths on the ie.css and still not right.

Any ideas what is going on here or how to sort this?

Have had a good search throughout the forum & understand debugging is a nightmare requiring much patience.
Any suggestions would be much appreciated!

http://www.thequarter.net.au/test

Thanks in advance, Trisha

Hello, I am confused... after validating the index page with only 1 error still the same issue on the menu in just explorer browser.

Really not sure how to resolve this or what other methods should be tried. please help!

I'm really sorry, but the problem here is not really a debugging issue. It is partially, but you really should have some understanding of CSS to be making these changes - from what I can see you've simply adapted the default style.css file and it's really far off the mark.

Just because something 'works' on a Mac does not mean it's correct. I think you should build up the structure of your site from scratch.

Fair enough, the site does view properly in firefox & safari on a PC platform also, it is only IE that is showing issues?

You were totally right, on closer there were many things out of order in the css document. Have gone through it with a fine tooth comb and tightened it up to the best of my coding knowledge, yet still having trouble getting consistency across platforms (in a solved one problem created another kind of way!) It now appears fine in IE just safari the height of the content is moving dependent on screen size... does anyone see anything that can solve this?

Thanks for your response. Appreciated it!

Hi all,

I'm having the same problem as the OP. I have changed vertually every aspect of my css to try to fix it to no avail. The site (www.paullangmead.com) works perfectly in every browser (including some obscure ones I found on the web) but not on any version of IE.

The result on IE is the same across all versions: the menu appears directly on top of the content.

Curiously, if I remove the 'position: fixed' or 'position: absolute' statement from the css, the menu jumps back where it belongs on the left, but the content then gets pushed halfway down the page.

I am not much of a programmer, so I realise there will be errors in the page, but I have looked at a friends stylesheet which is not too different and it works fine.

Any ideas anyone?

P

I made some mods...

The site now works fine in IE 6, (which is the one I care the least about) but not in 7 and 8. The problem also seems to have changed, the menu at left now no longer shows up at all.

P

I have managed to sort out my problems satisfactorily for the time being.

Basically, IE 6 doesn't like fixed positioning ('position: fixed'). I'm sure there is some way to make it work, but at this stage I have just changed it to 'absolute' and now it works in all browsers. The only other option is to express the menu height in pixels (instead of %).

The only drawback to absolute positioning is that the content will no longer scroll beneath the menu.

P

That is why the ie.css file is there.

Cheers Vaska, I guess I was hoping I could find something satisfactory that worked with everything.

In the end I gave up and gave back IE 6 its own stylesheet with absolute positioning.

The upshot is that I've learned a lot about stylesheets... :)

P