0

互いに積み重ねられた一連のテーブルがあります。それらは単一のテーブルである可能性がありますが、機能上の理由から分割されています。それらは次のようになります。

http://i.imgur.com/LICwuVF.png

さて、問題は、私が期待するように彼らが並んでいないことです. それらを管理するコードは次のようになります (かなり長いです)。

http://pastebin.com/eWhEPzF5

構造は 3 テーブルの深さで、テーブルを分割すると、最も内側のテーブルの外側に突き出ていることがわかります。グローバル スタイルは非常に単純です。

body *
    {
    font-family:'Consolas';
    font-size:12pt;
    padding:0px;

    }
table
    {
        border: 0px;
        border-style:solid;
        padding:0px;
        border-spacing:0px;
        border-collapse:collapse; 
    }
td
    {
        padding:0px;
        border:0px;
        height:25px;
        border-style:solid;
    }

--

さて、私はもともと入力ボックスが配置を台無しにしているものだと思っていましたが、それらを完全に削除した後、何も変わりませんでした. 実際、行を1つずつ追加すると、最初のテーブルの最初の行を追加したときにのみ「壊れます」(「ああ、このデータをすべて見てください」)。

すべてのスタイリングとすべてを再確認しましたが、すべて正しいです。

これらの細胞が整列していないのはなぜですか?

4

3 に答える 3

1

いろいろなところにタイプミスがあります

cellWdith310

いくつかのCSSを省略したと仮定すると、それが問題になる可能性があります

更新: これは JS フィドルです。最後のテーブルに十分な TD がないなど、HTML にさまざまな問題がありました。

http://jsfiddle.net/AhLAD/7/

于 2013-06-18T19:14:27.730 に答える