Ik heb iets heel raars voor in firefox met een border van mijn cellen van mijn tabel. Zie bijlage.

Op sommige plaatsen toont hij mijn border, op andere plaatsen niet. Maar een rij eronder, tonot hij dan op dezelfde plaats wel weer de border.

heeft iemand dit fenomeen al tegengekomen ? In alle andere browsers, heb ik dit probleem niet. Enkel FF doet hier heel raar over.

Iemand een oplossing ?

Code:

     <table cellspacing="0" id="viewposts">
      <tr class="fc1">
       <td rowspan="3" class="avatar">
        <div class="user"></div>
        <div class="avatarpic"><img src="images/no_avatar.jpg" width="100" height="100" alt="avatar" /></div>
        <div class="userinfo"><strong>Posts :</strong> 15</div>
        <div class="userinfo"><strong>Status :</strong> Offline</div>
       </td>
       <td class="title">
        <span>Geplaatst op : 03-12-2007, 21h14</span>
       </td>
       <td class="editpost">
        <div class="deleteicon">
         <a href="index.php?pag=verwijdertopic&verwijdertopic=81&thema=10" alt="verwijder" onclick="return confirm('Wil je dit bericht verwijderen?')">
          <span>Verwijder</span>
         </a>
        </div>
        <div class="editicon">
         <a href="index.php?pag=wijzigtopic&wijzigtopic=81&redirect=10_81" alt="edit">
          <span>Edit</span>
         </a>
        </div>
       </td>
      </tr>
      <tr class="fc1">
       <td colspan="2" class="post"><div class="postdetail">test</div></td>
      </tr>
      <tr class="fc1">
       <td class="profile" colspan="2">
        <div class="profileicon">
         <a href="index.php?pag=viewprofile&user=1" alt="profile">
          <span>View Profile</span>
         </a>
        </div>
        <div class="pmicon">
         <a href="index.php?pag=berichten&from=3&to=1&subject=test" alt="pm">
          <span>Send Private Message</span>
         </a>
        </div>
        <div class="clear"></div>
       </td>
      </tr>
      <tr>
       <td class="spaceunder" colspan="3"></td>
      </tr>
      <tr class="fc2">
       <td rowspan="3" class="avatar">
        <div class="user"></div>
        <div class="avatarpic"><img src="images/no_avatar.jpg" width="100" height="100" alt="avatar" /></div>
        <div class="userinfo"><strong>Posts :</strong> 15</div>
        <div class="userinfo"><strong>Status :</strong> Offline</div>
       </td>
       <td class="title" style="height:30px;">
        <span>Geplaatst op : 03-12-2007, 21h19</span>
       </td>
       <td class="editpost">
        <div class="deleteicon">
        <a href="index.php?pag=verwijderreactie&verwijderreactie=388&thema=10&topic=81" alt="verwijder reactie" onclick="return confirm('Wil je deze reactie verwijderen?')"><span>Verwijderen Reactie?</span></a>
          <span>Verwijder</span>
         </a>
        </div>
        <div class="editicon">
         <a href="index.php?pag=wijzigtopic&wijzigreactie=388&redirect=10_81" alt="edit">
          <span>Edit</span>
         </a>
        </div>
        <div class="clear"></div>
       </td>
      </tr>
      <tr class="fc2">
       <td colspan="2" class="post"><div class="postdetail">test<br />
test<br />
test<br />
test</div></td>
      </tr>
      <tr class="fc2">
       <td class="profile" colspan="2" height="30">
        <div class="profileicon">
         <a href="index.php?pag=viewprofile&user=1" alt="profile">
          <span>View Profile</span>
         </a>
        </div>
        <div class="pmicon">
         <a href="index.php?pag=berichten&from=3&to=1&subject=test" alt="pm">
          <span>Send Private Message</span>
         </a>
        </div>
       </td>
      </tr>
      <tr>
       <td class="spaceunder" colspan="3"></td>
      </tr>
      <tr>
       <td class="viewpostfooter" colspan="3">
        <h2>test</h2>
        <div class="pagescroller"><a href="index.php?pag=viewposts&bekijktopic=10_81&postpage=1">«</a><a href="index.php?pag=viewposts&bekijktopic=10_81&postpage=1" class="hightlight">1</a><a href="index.php?pag=viewposts&bekijktopic=10_81&postpage=1">»</a></div>
        <div class="clear"></div>
       </td>
      </tr>
      <tr>
       <td colspan="3">
        <div id="breadcrumbbottom">
         <a href="index.php">Forum index</a> >> <a href="index.php?groep=15">Microsoft</a> >> <a href="index.php?pag=viewtopic&amp;bekijk_thema=10">Microsoft Expression Web</a>
        </div>
       </td>
      </tr>
      <tr>

Code:

/* Forum Tabel ViewPosts */
#viewposts .fc1 {background-color:#f8f9d5;}
#viewposts .fc2 {background-color:#eff0bc;}
#viewposts .avatar {width:120px; height:auto; vertical-align:top; border:1px solid #2a2b26; margin:1px;}
#viewposts .avatar .user {font-weight:bold; height:22px; text-align:center; font-size:14px; background:url('../images/wysiwyg/line.gif') no-repeat bottom left;}
#viewposts .avatar .avatarpic {overflow:auto; text-align:center; padding:20px 0; background:url('../images/wysiwyg/line.gif') no-repeat bottom left;}
#viewposts .avatar .avatarpic img {border:1px solid #2a2b26; margin:1px;}
#viewposts .avatar .userinfo {padding-left:5px; height:22px; background:url('../images/wysiwyg/line.gif') no-repeat bottom left;}
#viewposts .avatar .userinfo strong {font-weight:bold; font-size:13px;}
#viewposts .avatar .userinfo strong.online {color:#bbbf33; }
#viewposts .title {width:438px; height:30px; max-height:30px; vertical-align:middle; border:1px solid #2a2b26; border-right:0px; padding-left:10px; margin:1px;}
#viewposts .editpost {overflow:auto; width:185px; height:30px; max-height:30px; vertical-align:middle; border:1px solid #2a2b26; border-left:0px; margin:1px;}
#viewposts .editpost .editicon a {display:block; float:right; width:47px; height:20px; background-image:url('../images/content/icons/icon_edit.png'); background-repeat:no-repeat; background-position:0 0; margin-right:10px;}
#viewposts .editpost .editicon a:hover {background-position:0 -20px; }
#viewposts .editpost .editicon span {display:none;}
#viewposts .editpost .deleteicon a {display:block; float:right; width:47px; height:20px; background-image:url('../images/content/icons/icon_delete.png'); background-repeat:no-repeat; background-position:0 0; margin-right:10px;}
#viewposts .editpost .deleteicon a:hover {background-position:0 -20px; }
#viewposts .editpost .deleteicon span {display:none;}
#viewposts .profile {overflow:auto; width:613px; height:30px; max-height:30px; vertical-align:middle; border:1px solid #2a2b26; border-left:0px;}
#viewposts .profile .profileicon a {display:block; float:left; width:47px; height:21px; background-image:url('../images/content/icons/icon_profile.png'); background-repeat:no-repeat; background-position:0 0; margin-left:10px;}
#viewposts .profile .profileicon a:hover {background-position:0 -21px; }
#viewposts .profile .profileicon span {display:none;}
#viewposts .profile .pmicon a {display:block; float:left; width:47px; height:21px; background-image:url('../images/content/icons/icon_pm.png'); background-repeat:no-repeat; background-position:0 0; margin-left:10px;}
#viewposts .profile .pmicon a:hover {background-position:0 -21px; }
#viewposts .profile .pmicon span {display:none;}
#viewposts .post {padding:10px; width:613px; height:100%; min-height:150px; vertical-align:top; border:1px solid #2a2b26; overflow:auto;}
#viewposts .post .postdetail {min-height:150px; overflow:auto; width:613px;}
#viewposts .spaceunder {height:5px; background:#fff;}
#viewposts .footerreply {padding:50px 10px 10px 10px;}
#viewposts .footerreply .postbutton {padding-left:330px;}
#viewposts .footerreply input.button {display:block; background-image:url('../images/background/button.jpg'); width:69px; height:19px; color:#fff; font-weight:bold; border:0px;}

kan je niet beter deel van de code plaatsen zodat mensen kunnen zien wat er misschien wel mis is met de code?

voila gepost

niemand die mij verder kan helpen in dit heel vervelend probleem ? Of iemand anders die ook al eens last heeft gehad met een border van een cel, bij firefox ?

Volgens mij, om het probleem te verhelpen, moet ik bij post op m'n forum, een aparte tabel voorzien, en zo die tabellen onder elkaar laten parsen. Momenteel is dat 1 grote tabel, en dat zou wel es het probleem kunnen zijn. Voglens mij althans.