Serious help with IE and CSS needed

[JESTAR]

You guys must get sick of "help IE is butchering my layout" topics but here's another.

http://www.fallingnine.com

- the index.html file, working fine to a degree that it works. IE has that nice little "error on page" in the status bar, yet I can find no error. So I'm not worried about that.

The problem is on

http://www.fallingnine.com/home.html.

If you're using Firefox, you'll see it how it should be - the content in the middle, stuff loading in my iframe, the menu appearing below the MENU image when hovered over.

In IE and Opera, you'll see this:

http://img252.imageshack.us/img252/4360/operathumb1eu.jpg

The CSS file is at: (this is the problem one)

http://www.fallingnine.com/style.css

The CSS for the individual pages that load in the iframe is at:

http://www.fallingnine.com/pagestyle.css

I've run the pages through W3's evaluators, and cleaned up the code to a degree that it now only suggests I have a back-up font type in case somebody's running the site on a calculator or something.

- why is IE and Opera making the container div appear at the top? I've looked over the HTML and CSS and can see no reason why it shouldn't appear in the center of the page.

- my background-color:transparent; appears not to work in Opera? It works on IE and Firefox, but the iframe is white in opera. Is there an alternative or a way around this?

- also, just something I've been wondering - why does the

http://www.fallingnine.com/index.html

image swooshy effect work much quicker in IE? In Firefox it's really sluggish. I got it from

http://www.dhteumeuleu.com/

The menu now seems to have fixed itself somehow, it used to appear way down the screen on IE, but now it's where it should be. Sort of.

Thanks if you can help.

 

[manarth]

IE has that nice little "error on page" in the status bar, yet I can find no error.

<script language="javascript">
<!--
function Start(page) {
OpenWin = this.open(page, "NewWindow");
}

[COLOR=red]-->[/color]

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</SCRIPT>

The end comment is unnecessary (there's another one further down, which is correctly preceded by a JavaScript comment) and it can be removed.

---
Marcus
better questions get better answers - faq581-3339
accessible web design - zioncore.com

 

[Ghodmode]

- why is IE and Opera making the container div appear at the top? I've looked over the HTML and CSS and can see no reason why it shouldn't appear in the center of the page.

I don't think you'll be able to get that div to center vertically in IE unless you do something you don't want to do... use a table for layout. I've had similar problems and I'm ashamed to admit that I've temporarily given up the battle for table-less layout. Add style="vertical-align: middle;" to the <td> which contains the container, then deny it if anyone ever asks you about it.

--
-- Ghodmode

 

[JESTAR]

Heh thanks, the vertical-align:middle; is already in the style.css file.

The problem seems to be that the big table doesn't fill the whole page. I've tried height=100% width="100%", but in IE the table is only as high as the container div.

Any ideas on that?

 

[JESTAR]

!!!!!!!!!!!!!!!!! I got it!!!!

body {height:100%;}

All this for something as simple as that.

Now, can anyone suggest the transparency problem for opera?

 

[JESTAR]

... my jubilation is short lived. The menu is now appearing at the bottom again...