Jump to content

Archived

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

anatak

firefox <> IE

Recommended Posts

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

Share this post


Link to post
Share on other sites
Have you tried just using border: 0; instead of specifying a colour and what not?

Share this post


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

Share this post


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

Share this post


Link to post
Share on other sites
Instead of all that, just use [!--fonto:Lucida Console--][span style=\"font-family:Lucida Console\"][!--/fonto--]border: none;[!--fontc--][/span][!--/fontc--]

Share this post


Link to post
Share on other sites
[!--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.

Share this post


Link to post
Share on other sites
[!--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.

Share this post


Link to post
Share on other sites
[!--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.

Share this post


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

Share this post


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

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.