Jump to content

firefox <> IE


anatak
 Share

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

This thread is more than a year old.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

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.