Im currently working on a webpage for a friend, atm its done with quick and dirty table, so ignore that. The issue ive got is with the rollover menu at the top, just under the title. In FF, Mozilla, Opera and IE7 it works flawlessly (except the 2ish pixel grow when you roll over a sub menu). In IE 6 the sub menus dont hide and the layouts all to feck!

Website
Css
Java script

IE gives the error

"Line 12, char 3: Object does not support this particular method" in Nav.html

line 12 is blank, if you remove the whitespace L12 C3 is the l of

no idea matey.

Its not the HTML its the javascript.

At a guess the problem is actually line 11 char 40 of the javascript (the one right after "this.className=this.className.replace")

On my linux box it appears as 2 right angle brackets.

Remove that char then try again in IE

Cornet

Cheers cornet... id not noticed that.... menus disappear now but their internal layout is all spacked about

are you using some some sort of suckerfish derivative there?

you ight want to use the * html hack to give IE different spacings.

Matt

bytejunkie, pray tell of this magical hack.......

never heard of it!!?!



#container {
height: 200px;
padding: 20px;
}

* html #container {height: 160px}



in good browsers the height will be 200px, in IE 5 and 6 (IIRC) itll be 400. Useful because IE deals with margin and padding in a way the W3C didnt tell it to.

the * html will be ignored by everything else but IE has a container outside the HTML container called root which is addressed by the * so it interprets the rule and overwrites the one above it.

which is a convoluted way of explaining it.

this might do a better job.
http://www.positioniseverything.net/articles/poll/star-html.php

Matt