PDA

View Full Version : Won't work in IE ...



dbee
20 Sep 2006, 05:03 PM
So I've been staring at this thing for more hours now than I'd care to remember.

Site works fine in Firefox, but doens't work at all in IE (of course).

I spent time trying to apply the border-box model hack. But apparently that hack doesn't apply to standard mode in IE. I had to remove all the PNG's because various hacks were causing various problems. I've seperated the css sheets into non-IE and IE only ... I also downloaded the IE web developer extension (it's really crappy).

Can't get any further though I'm afraid. There's this weird bug in IE6 which make the images disappear when there is a mouse over them. Only images in links though, so including all my navigation ones. And the icons on the center of the page. I tried fixing it by making them position:relative ... but no luck.

The left column is dropped. I could have sworn that must be a box model hack, but apparently not.

The 'logo' is also dropped. IE seems to pick up the navbar as going right across the screen, pushing the logo down.

I can't seem to close the sandwich effect for the newsletter ... those <divs seem to have a mind of their own :-(

Anyway, if anyone can give me their thoughts on this it'd be greatly appreciated. I'll have a look again in the morning, but as of 5.30AM (tonight), I'm completely stumped ... :-(

Cheers,

http://www.EnglishTeachingKorea.com/page_1.php

Wickham
22 Sep 2006, 04:22 AM
IE6 displays perfectly OK for me, but there are problems with the links.
The top ones like Home move slightly lower in Firefox when the mouse is on them and they change color. In IE6 they disappear for an instant and I can see the eggtimer which is saying that the change to yellow font is taking a short time. PHP is used here; perhaps the server is taking a short time to serve the new code. You could use pure CSS for these menus instead of PHP. See
http://www.cssplay.co.uk/menus/index.html
and
http://www.dynamicdrive.com/style/csslibrary/category/C1/

The left logo is there is IE6. The left column is not dropped.

The sandwich effect for the Newsletter is not great; probably the difference between FF and IE in top and bottom default padding or margins which might need editing for the various classes of newsboxes. You have several nested divs and there must be a small problem between them.