Jump to content

Archived

This topic is now archived and is closed to further replies.

knokkel

TD height problem i guess??

Recommended Posts

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?

Share this post


Link to post
Share on other sites
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?

Share this post


Link to post
Share on other sites
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]

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.