Jump to content


Photo

firefox <> IE


  • Please log in to reply
10 replies to this topic

#1 anatak

anatak
  • Members
  • PipPipPip
  • Advanced Member
  • 407 posts
  • LocationJapan, Fukuoka prefecture, Kitakyushu City

Posted 05 April 2006 - 12:23 AM

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
<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>

and here is the css

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;
}

Does anybody can help me to get rid or the white borders in IE ?
thank you
anatak
takasi.8008@docomo.ne.jp
tourokum@0508.jp

#2 Javizy

Javizy
  • Members
  • PipPipPip
  • Advanced Member
  • 44 posts

Posted 05 April 2006 - 12:33 AM

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

#3 khendar

khendar
  • Members
  • PipPipPip
  • Advanced Member
  • 78 posts

Posted 05 April 2006 - 01:50 AM

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]

#4 anatak

anatak
  • Members
  • PipPipPip
  • Advanced Member
  • 407 posts
  • LocationJapan, Fukuoka prefecture, Kitakyushu City

Posted 05 April 2006 - 10:43 AM

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
takasi.8008@docomo.ne.jp
tourokum@0508.jp

#5 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 05 April 2006 - 01:58 PM

Instead of all that, just use [!--fonto:Lucida Console--][span style=\"font-family:Lucida Console\"][!--/fonto--]border: none;[!--fontc--][/span][!--/fontc--]
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#6 obsidian

obsidian
  • Staff Alumni
  • Advanced Member
  • 3,202 posts
  • LocationSeattle, WA

Posted 05 April 2006 - 02:12 PM

[!--quoteo(post=361945:date=Apr 5 2006, 09:58 AM:name=moberemk)--][div class=\'quotetop\']QUOTE(moberemk @ Apr 5 2006, 09:58 AM) View Post[/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:
<table border='0' cellpadding='0' cellspacing='0' class='className'>

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.
You can't win, you can't lose, you can't break even... you can't even get out of the game.

<?php
while (count($life->getQuestions()) > 0)
{   $life->study(); } ?>
  LINKS: PHP: Manual MySQL: Manual PostgreSQL: Manual (X)HTML: Validate It! CSS: A List Apart | IE bug fixes | Zen Garden | Validate It! JavaScript: Reference Cards RegEx: Everything RegEx

#7 Javizy

Javizy
  • Members
  • PipPipPip
  • Advanced Member
  • 44 posts

Posted 05 April 2006 - 05:58 PM

[!--quoteo(post=361949:date=Apr 5 2006, 03:12 PM:name=obsidian)--][div class=\'quotetop\']QUOTE(obsidian @ Apr 5 2006, 03:12 PM) View Post[/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:
<table border='0' cellpadding='0' cellspacing='0' class='className'>

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.

#8 txmedic03

txmedic03
  • Members
  • PipPipPip
  • Advanced Member
  • 313 posts
  • LocationCall, TX, USA

Posted 05 April 2006 - 06:43 PM

border-width: 0;

SEMPER FIDELIS!

I can't stop you from doing something silly, but at least I can help you do it right.


#9 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 05 April 2006 - 09:44 PM

[!--quoteo(post=362015:date=Apr 5 2006, 02:43 PM:name=txmedic03)--][div class=\'quotetop\']QUOTE(txmedic03 @ Apr 5 2006, 02:43 PM) View Post[/div][div class=\'quotemain\'][!--quotec--]
border-width: 0;
[/quote]
Um... what was the point of that post? That's already been posted.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#10 txmedic03

txmedic03
  • Members
  • PipPipPip
  • Advanced Member
  • 313 posts
  • LocationCall, TX, USA

Posted 05 April 2006 - 10:31 PM

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

Where?

SEMPER FIDELIS!

I can't stop you from doing something silly, but at least I can help you do it right.


#11 anatak

anatak
  • Members
  • PipPipPip
  • Advanced Member
  • 407 posts
  • LocationJapan, Fukuoka prefecture, Kitakyushu City

Posted 05 April 2006 - 11:23 PM

[!--quoteo(post=361949:date=Apr 5 2006, 11:12 PM:name=obsidian)--][div class=\'quotetop\']QUOTE(obsidian @ Apr 5 2006, 11:12 PM) View Post[/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:
<table border='0' cellpadding='0' cellspacing='0' class='className'>

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
takasi.8008@docomo.ne.jp
tourokum@0508.jp




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users