firefox <> IE

[anatak]

Hello I have a table wich keeps displaying borders in IE
you can take a look here
[a href=\"http://www.kyushunetwork.com/index.php\" target=\"_blank\"]http://www.kyushunetwork.com/index.php[/a]

here is the code of the table
[code]
<TABLE WIDTH = "100%" class="index">
    <TR>
    <TD class="index" WIDTH ="20%">
    </TD>
    <TD class="index" WIDTH ="60%" align="center">
    </TD>
    <TD class="index" WIDTH ="20%"></TD>
    </TR>
    <TR>
    <TD class="index_left" WIDTH ="20%" VALIGN ="top">
<?php
//navigation_menu is in functions/navigation_menu
    navigation_menu();
?>
    </TD>    
<?php
/*cell that holds mainpage(center)*/
?>

    <TD class="index_main" VALIGN="top" WIDTH="60%">
<?php
    main_page();
?>
    </TD>
<?php
/*cell that holds right part (sponsors)*/
?>
    <TD class="index_right" VALIGN="top" WIDTH="20%">
<?php
//function to show sponsors in functions/general
//2 = secundary sponsors
    show_sponsor(2);
?>
    </TD>
    </TR>
    <TR>
    <TD class="index" colspan="3">
    <?php echo "<a href=" . $_SERVER['PHP_SELF'] . "?page=legal >disclaimer // copyright</a>"; ?>
    </TD>
    </TR>

</TABLE>
[/code]

and here is the css

[code]
table.index
{
    width: 100%;
    border: none 0px #AAAAFF;
    border-spacing: 0px;
    padding: 0px;
    background-color: #EEEEEE;
    align: center;
}
/*td.index=top row of cells*/
td.index
{
    text-align: center;
    color: #000000;
    border: none 0px #AAAAFF;
    padding: 2px;
    background-color: #AAAAFF;
    font-size: 12pt;
}
/*td.index_left=left row of cells = cell that holds navigation*/
td.index_left
{
    text-align: center;
    color: #000000;
    border: none 0px #FFFFFF;
    background-color: #CCCCFF;
    font-size: 12pt;
}
/*td.index_main=main cell*/
td.index_main
{
    text-align: center;
    color: #000000;
    border: none 0px #FFFFFF;
    background-color: #EEEEEE;
    font-size: 12pt;
}

td.index_main_rightallign
{
    text-align: right;
    color: #000000;
    border: none 0px #FFFFFF;
    background-color: #EEEEEE;
    font-size: 12pt;
}


td.index_right
{
    text-align: center;
    color: #000000;
    border: none 0px #FFFFFF;
    background-color: #CCCCFF;
    font-size: 12pt;
}
[/code]

Does anybody can help me to get rid or the white borders in IE ?
thank you
anatak

[Javizy]

Have you tried just using border: 0; instead of specifying a colour and what not?

[khendar]

Your border properties are messed up. You define a border as:

border: border-width border-style border-color;

[a href=\"http://www.w3schools.com/css/css_border.asp\" target=\"_blank\"]http://www.w3schools.com/css/css_border.asp[/a]

[anatak]

I changed the border to
width style and then color

border: 0px none #AAAAFF;

but that did not help
then I changed to

border: 0px;

and that did not help neither.

Any other ideas ?

thanks for helping anyway
anatak

[moberemk]

Instead of all that, just use [!--fonto:Lucida Console--][span style=\"font-family:Lucida Console\"][!--/fonto--]border: none;[!--fontc--][/span][!--/fontc--]

[obsidian]

[!--quoteo(post=361945:date=Apr 5 2006, 09:58 AM:name=moberemk)--][div class=\'quotetop\']QUOTE(moberemk @ Apr 5 2006, 09:58 AM) [snapback]361945[/snapback][/div][div class=\'quotemain\'][!--quotec--]
Instead of all that, just use [!--fonto:Lucida Console--][span style=\"font-family:Lucida Console\"][!--/fonto--]border: none;[!--fontc--][/span][!--/fontc--]
[/quote]

not only that, but if your doctype is HTML 4, you may actually need to have border='0' within your defining <table> tag. this tends to help quite a bit. i've gotten into the habit of declaring all tables that i'm going to style with CSS like this:
[code]
<table border='0' cellpadding='0' cellspacing='0' class='className'>
[/code]

this way, you basically are stripping all default attributes from the browser, and then you're free to add your CSS how you see fit.

[Javizy]

[!--quoteo(post=361949:date=Apr 5 2006, 03:12 PM:name=obsidian)--][div class=\'quotetop\']QUOTE(obsidian @ Apr 5 2006, 03:12 PM) [snapback]361949[/snapback][/div][div class=\'quotemain\'][!--quotec--]
not only that, but if your doctype is HTML 4, you may actually need to have border='0' within your defining <table> tag. this tends to help quite a bit. i've gotten into the habit of declaring all tables that i'm going to style with CSS like this:
[code]
<table border='0' cellpadding='0' cellspacing='0' class='className'>
[/code]

this way, you basically are stripping all default attributes from the browser, and then you're free to add your CSS how you see fit.
[/quote]

That's a good tip actually. I always do it with cellpadding and cellspacing. Haven't had any issues with borders but I'll add that to the list in future.

[txmedic03]

border-width: 0;

[moberemk]

[!--quoteo(post=362015:date=Apr 5 2006, 02:43 PM:name=txmedic03)--][div class=\'quotetop\']QUOTE(txmedic03 @ Apr 5 2006, 02:43 PM) [snapback]362015[/snapback][/div][div class=\'quotemain\'][!--quotec--]
border-width: 0;
[/quote]
Um... what was the point of that post? That's already been posted.

[txmedic03]

[!--quoteo(post=362055:date=Apr 5 2006, 04:44 PM:name=moberemk)--][div class=\'quotetop\']QUOTE(moberemk @ Apr 5 2006, 04:44 PM) [snapback]362055[/snapback][/div][div class=\'quotemain\'][!--quotec--]
Um... what was the point of that post? That's already been posted.
[/quote]

Where?

[anatak]

[!--quoteo(post=361949:date=Apr 5 2006, 11:12 PM:name=obsidian)--][div class=\'quotetop\']QUOTE(obsidian @ Apr 5 2006, 11:12 PM) [snapback]361949[/snapback][/div][div class=\'quotemain\'][!--quotec--]
not only that, but if your doctype is HTML 4, you may actually need to have border='0' within your defining <table> tag. this tends to help quite a bit. i've gotten into the habit of declaring all tables that i'm going to style with CSS like this:
[code]
<table border='0' cellpadding='0' cellspacing='0' class='className'>
[/code]

this way, you basically are stripping all default attributes from the browser, and then you're free to add your CSS how you see fit.
[/quote]


This did the trick.
Thank you. I would never thought about first declaring all values to 0 and then applying the CSS.
Very valuable advice

thanks again
anatak