DreamWeaverでテーブルをCSSにした場合にずれます。

解決済

質問者：shizuku
質問日時：2006/06/05 09:50
回答数：5件

DreamWeaverを使い始めました。
CSSの段組左にテーブルを入れると下記のようになりました。
-----------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>無題ドキュメント</title>
<style type="text/css">

</style>
</head>

<body>

<div id="wrap">
<div id="content">
<table width="200px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>1段</td>
</tr>
<tr>
<td>2段</td>
</tr>
</table>
</div>
<div id="main">メインメインメインメインメイン</div>
<div id="footer"> 下</div>

</div>
</body>
</html>

-----↑ここまでDreamWeaver

そこで、CSSでテーブルにボーダー0の値を入れて、タグからborder="0"を消すと、段組右側が左の下にずれて表示されます。
ブラウザプレビューでは正常ですが、編集しにくくて困ってます。

table {
border: none;
border-collapse: collapse;
}

DWでは、このようになるものなのでしょうか。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： NowThinking
回答日時：2006/06/05 17:57

#3です。

画像を入れてみたところ、おっしゃるような表示になりました。

ここからは推測ですが、Dreamweaverの表示方法の解釈によってこうなってしまったのではないかと個人的には思います。（元々デザインビューはDreamweaver独自の表示方法ですし、何かのブラウザとそっくり同じという表示はしてくれません。）
ご承知のように table の borderプロパティは、デフォルトで 1 が設定されています。
border="0"を削除した時に、既にCSSで"0"設定されているにもかかわらず、デザインビューがそのデフォルト border="1"を確保しようと変に頑張っているのではないかと…(^_^;
だからテーブルが左右で2px分大きくなり、中身の幅が画像で固定されているのでそのしわ寄せで右ボックスが落ちた…
実際、HTMLで border="0" かつ CSSで border を 1 にすると、IEで同じような表示になります。

と言いつつ本当の所は分かりませんので、こんなことを思う人もいる、程度にお考え下さい。

- 0
- 件

通報する

この回答へのお礼

たびたび、ありがとうございました。
確かにモードを「標準」から「レイアウトモード」にするとテーブルのサイズの横にカッコ書きで2px多い数字が出ています。
NowThinkingさまの説が正しいような気がします。
ずれたままではデザインビューの役目が果たせないので、とりあえずはDWの通りにして、あとから削除置換しようと思います。
ありがとうございました。

通報する

お礼日時：2006/06/06 10:50

No.5