Problem z <table style = "border-collapse: collapse"> Część prawej krawędzi jest obcięta (zrzuty ekranu)

Question

Jestem nowym programistą w Internecie (oczywiście). Kiedy po raz pierwszy zauważyłem ten problem, pomyślałem, że może to być coś dziwnego w witrynie, nad którą pracowałem. Od tego czasu pracowałem na kilku innych stronach i zauważyłem to samo.

Kiedy używam właściwości CSS "border-collapse: collapse" do stylizowania tabel HTML, czasami skrajna prawica zostaje odcięta po załadowaniu strony (zarówno w FF, jak i IE). O dziwo, kiedy przewijam w górę iw dół, od czasu do czasu naprawia się bez ponownego ładowania strony. Zwykle dzieje się w prawym dolnym rogu stołu, jak pokazuje drugi zrzut ekranu.

screenshot1

screenshot2

Oto mój HTML/CSS:

<table width="730" border="0" cellpadding="4" cellspacing="0" style="border-collapse: collapse;"> 
    <tr> 
    <td style="border:1px solid #ff9900;"></td> 
    <td style="border:1px solid #ff9900;"></td> 
    <td style="border:1px solid #ff9900;"></td> 
    </tr> 
. 
. 
. 
</table> 

Co daje? Jakieś pomysły? Dziękujemy za poświęcony czas: & wysiłek!

Answer 1

Moz ma problemy z border-collapse:collapse; cofając się o 10 lat, wciąż się naprawia, a następnie znów staje się błędny (zobacz ścieżkę błędów here i here).

spróbuj dodać obramowanie do elementu tabeli tak: -

#your-table-name {border-collapse : collapse; border : 1px solid orange;} 

#your-table-name td {border: 1px solid orange;} 

Należy również pamiętać, że jest to kwestia kodowania i naprawdę powinny iść do stackoverflow. Warto również opublikować wersję przeglądarki, z której korzystasz.