TD height problem i guess??

[knokkel]

Hi, first off thanks for reading this thread! I've got a problem with IE.. (most people do but that's different)
When i open [a href=\"http://www.boekhouding123.nl\" target=\"_blank\"]www.boekhouding123.nl[/a] in Firefox, Safari, Netscape, Opera, IE:Mac.. there is no problem.. But when i open it in IE the top menu is all out of order...

i've tried and tried but i can't find a fix.. Does anybody have any idea of what's causing this?

[Yesideez]

Can you post the contents of your CSS file please?

[knokkel]

yeah sure i'll do anything to get rid of this problem.. i h8 IE...

[code]
BODY
{
    color                 : #FFFFFF;
    background-color     : #FFFFFF;
    font-family         : Trebuchet MS;
}

A
{
    color                 : #FFFFFF;
    font-family         : Trebuchet MS;
    font-weight            : bold;
    text-decoration     : none;
}

A:hover
{
    text-decoration        : underline;
}

A:visited
{
    color                : #FFFFFF;
}

A:active
{
    color                : #FFFFFF;
}

P
{
    margin                : 5px;
}

TABLE
{
    font-size            : 12pt;
}

.sidemenu a
{
    color                : #770D32;
}

.sidemenu a:active
{
    color                : #770D32;
}


.sidemenu a:visited
{
    color                : #770D32;
}

.footer
{
    color                : #770D32;
    font-size            : 10px;
}

.footer a
{
    color                : #770D32;
}

.footer a:visited
{
    color                : #770D32;
}

.footer a:active
{
    color                : #770D32;
}

A.child
{
    color                : #770D32;
    font-size            : 11pt;
}

INPUT, TEXTAREA, SELECT
{
    background-color    : #770D32;
    border                  : 1px solid #689000;
    font-family            : Trebuchet MS;
    font-size            : 11pt;
    color                : #FFFFFF;
    text-decoration        : none;
    width                : 250px;
}

.submitbutton
{
    width                : 100px;
}

.menu
{
    background-repeat    : repeat-x;
    height                : 35px;
    margin                : 0px;
    padding                : 0px;
}
[/code]


btw did u see my problem?

[Yesideez]

Actually I just ripped it off your site to save time.

The problem is nothing to do with the CSS file, its actually your HTML.

The lines that define your menu strip, take a closer look and you'll find that you are missing a [b]</td>[/b] tag. Fix this and your problem will be solved.

I first added [b]height="35"[/b] everywhere I could and when that didn't work, I tidied up the code and found the missing tag. Make sure your tags are properly closed in the reverse order - easy mistake to make.

You might also find that when playing with tables, they can be a little easier to debug if you add something like [b]bordercolor="#0000ff"[/b] into the table declaration and make cellspacing something like 10 - makes things stand out a little. As far as I know only IE supports bordercolor attribute - not tried it on others to be honest.

This line is missing its closing tag:
[code]<td colspan="3" class="menu"><a href="http://www.boekhouding123.nl/accountants" onmouseover="changeImages('id12', '../images/26-over.gif'); return true;" onmouseout="changeImages('id12', '../images/12.gif'); return true;"><img name="id12" src="../images/12.gif" width="108"  border="0"></a>[/code]