シームレスに2つのdivタグに参加しようと

私は次のスクリプトています、私は2箱が左側の境界に参加灰色のピクセルを何らかの理由でシームレスに2つのdivタグに参加しようと

http://jsfiddle.net/NNMCV/

取得しています。これをどのように修正して実線のように見えるのですか？

出典

2011-02-14 oshirowanen

私はFF 3.0で、それを見ていません。 –

Chromeで問題は発生していません –

Chromium 9を使用していますが、正しいと思いますが、FF3ではこの問題は表示されません。 – oshirowanen

私はposition:relative;を使用してピクセルを.item_oneをぶつけ、それが良い見えました。

.item_one 
{ 
    padding:5px 10px 5px 10px; 
    border:1px black solid; 
    border-bottom:1px white solid; 
    background-color:white; 
    float:left; 
    position:relative; 
    top:-1px; 
    z-index:1; 
}

出典

2011-02-14 20:48:55 Jeff

これはitem_oneの下に黒い線を表示します。 – oshirowanen

問題を誤解していない限り、私はmy updateで行ったように、2つを「コンテナ」要素で囲むことができます。個人的には、私はおそらくこれの定義リストを使用します。

出典

2011-02-14 20:44:24

は.item_oneためborder-bottom:none;をお試しください：

http://jsfiddle.net/smPvH/8/

出典

2011-02-14 20:44:51

これはitem_oneの下に黒い線を表示します。 – oshirowanen

白いドットが.item_oneのDIV
セットボーダー底の下の境界である：なし。 .item_oneの場合
セットトップ：39px; .item_twentyの場合

また、z-index：0を追加してみてください。 .item_twentyの後ろにあることを確認するには.item_one

出典

2011-02-14 20:52:56 DwB

これはitem_oneの下に黒い線を表示します。 – oshirowanen

ブラウザに依存する必要があります。私は黒のように見えません。 – DwB

シームレスに2つのdivタグに参加しようと

答えて

関連する問題