テーブルのTRで、widthにピクセルと%を混在させたい

[上に] [前に] [次に]
くり 1999/08/29(日) 02:19:02
テーブルサイズを、widthに100%などの指定をして、
列に、それぞれピクセル指定、パーセント指定を1つのテーブルに
指定させるとピクセル指定がくずれてしまいました。
あせってます。

Aoi [E-Mail] 1999/08/29(日) 03:19:48
具体的にソースなどを公開して頂かないと、
何がしたくてどうなっているのか良くわからない
のですが・・・

くり 1999/08/29(日) 03:36:23
すみません。そうですよね。長いんですけど、ソースいれます。
グリーンの部分を70ピクセルに指定しているのですが、現在、
マックのNN環境で見ているせいでしょうか?グリーン部分ががたがた
です。
<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=x-sjis">
<meta name="generator" content="GoLive CyberStudio 3">
<title>守口門真商工会議所 / 企業情報 / 有限会社アートワンズ</title>
</head>

<body bgcolor="white" text="#333333">
<center>
<table width="90%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="5" cellpadding="5">
<tr>
<td bgcolor="#d9d9b3"><font size="4"><b>有限会社</b></font><br>
</td>
</tr>
<tr>
<td>大手家電メーカー、自動車メーカーを取引先に技術力、短納期対応には自身があります。</td>
</tr>
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table><table border="0" cellpadding="0" cellspacing="0" width="90%">
<tr>
<td width="50%">
<center>
<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td align="center" bgcolor="teal" width="70"><font color="#f0f0f0" size="2">代表取締役<br>
</font></td>
<td bgcolor="#f0f0f0"></td>
</tr>
<tr>
<td align="center" bgcolor="teal" width="70"><font color="#f0f0f0" size="2">創業日<br>
</font></td>
<td bgcolor="#f0f0f0">1995年10月1日</td>
</tr>
<tr>
<td width="70" align="center" bgcolor="teal"><font color="#f0f0f0" size="2">法人成立日<br>
</font></td>
<td bgcolor="#f0f0f0">1996年4月1日</td>
</tr>
<tr>
<td width="70" align="center" bgcolor="teal"><font color="#f0f0f0" size="2">従業員数<br>
</font></td>
<td bgcolor="#f0f0f0">6人、全社6人</td>
</tr>
</table></center>
</td>
<td width="50%"><table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td align="center" bgcolor="teal" width="70"><font color="#f0f0f0" size="2">生年月日</font></td>
<td bgcolor="#f0f0f0"></td>
</tr>
<tr>
<td align="center" bgcolor="teal" width="70"><font color="#f0f0f0" size="2">資本金</font></td>
<td bgcolor="#f0f0f0"></td>
</tr>
<tr>
<td width="70" align="center" bgcolor="teal"><font color="#f0f0f0" size="2">決算</font></td>
<td bgcolor="#f0f0f0"></td>
</tr>
<tr>
<td width="70" align="center" bgcolor="teal"><font color="#f0f0f0" size="2">売上高</font></td>
<td bgcolor="#f0f0f0"></td>
</tr>
</table></td>
</tr>
</table><table width="90%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td width="70" align="center" bgcolor="teal"><font color="#f0f0f0" size="2">取引銀行</font></td>
<td bgcolor="#f0f0f0"></td>
</tr>
<tr>
<td width="70" align="center" bgcolor="teal"><font color="#f0f0f0" size="2">取引商品・製品・技術・サービス名</font></td>
<td bgcolor="#f0f0f0">プラスチック切削品、機械加工、試作板金。<br>
</td>
</tr>
<tr>
<td width="70" align="center" bgcolor="teal"><font color="#f0f0f0" size="2">保有設備</font></td>
<td bgcolor="#f0f0f0">マシニング5台 CAD/ 2台、彫刻機3台、乾燥機2台、注型機2台、プレーナー 台、その他</td>
</tr>
<tr>
<td width="70" align="center" bgcolor="teal"><font color="#f0f0f0" size="2">技術サービスの内容</font></td>
<td bgcolor="#f0f0f0">三次元加工<br>
注型用モニター<br>
ワーキングモデル<br>
デザインモデル<br>
</td>
</tr>
</table><table border="0" cellpadding="0" cellspacing="0" width="90%">
<tr>
<td width="50%">
<center>
<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td align="center" bgcolor="teal" width="70"><font color="#f0f0f0" size="2">電話番号</font></td>
<td colspan="3" bgcolor="#f0f0f0"></td>
</tr>
<tr>
<td align="center" bgcolor="teal" width="70"><font color="#f0f0f0" size="2">E-Mail</font></td>
<td colspan="3" bgcolor="#f0f0f0"></td>
</tr>
</table></center>
</td>
<td width="187"><table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td align="center" bgcolor="teal" width="70"><font color="#f0f0f0">FAX番号</font></td>
<td bgcolor="#f0f0f0"></td>
</tr>
<tr>
<td align="center" bgcolor="teal" width="70"><font color="#f0f0f0" size="2">URL</font></td>
<td bgcolor="#f0f0f0"><br>
</td>
</tr>
</table></td>
</tr>
</table><br>
| <a href="javascript:history.go(-1)">戻る</a> |<br>
</center>
</body>

</html>

Aoi [E-Mail] 1999/08/29(日) 04:44:45
取り敢えず・・・
win98+IE5 では、ちゃんと表示されましたが
NN4.04ではおかしくなりました。
ちょっと調べてみます。

Aoi [E-Mail] 1999/08/29(日) 06:26:37
NN4.04だとどうしても納得のいく様に
表示できませんでした。

解釈の仕方が違うのでしょうか?
http://www.tohoho-web.com/html/table.htm
に書かれてる事ってこういう事なのかな?

グリーン部分を画像にしちゃうって言うのではだめ?
だめなんだよね、多分・・・ごめんなさい。

#どなたかもっと詳しい方よろしくお願いします。

seea [HomePage] 1999/08/29(日) 07:50:22
えっと、WIDTH指定のことですね・・

Mozillaは、枠全体(TABLE)に%指定があると、内部(TD..)のピクセル指定を無視します。
MSIEは、無視せず、出来るだけ解釈して忠実に再現しようとします。
全部%指定なら、理論上は Mozilla4 と MSIE5 でレイアウトを統一することが可能です。
本当のところは実験してみないと何とも。

(この内容は、経験から導き出したブラウザの特性でしかなく、根拠はありません。
 環境の違いから、全く異なる結果になることが良くあります。)

とくにMacは持っていないので、謎が多いです。

くり 1999/08/29(日) 14:18:17
みなさん、いろいろありがとうございます。
これまで、テーブルレイアウトはピクセル指定を中心に
やってきたので、新しい気づきでした。
全部パーセント指定にしても、なんやら、ちょっとずれてるような。
うーーーん。

とほほ 1999/08/29(日) 18:39:24
くりさんへ。
ソースを掲示される場合は、不要な部分を削除し、状況を再現できる最
低限の長さのソースにして掲示ください。

seea 1999/08/29(日) 22:45:43
>Mozillaは、枠全体(TABLE)に%指定があると
訂正:Mozillaは、枠全体(TABLE)にWIDTH指定があると
よく確認せず投稿してしまった。誠に申し訳ない。

>なんやら、ちょっとずれてるような。
気にしないことです。
ある程度、幅に余裕を持たせておくことが安全策になります。

くり 1999/08/30(月) 01:02:36
お返事いただいた皆様、たいへんありがとうございました!
そして、とほほさん。長い不要な部分までソースをいれちゃって
ごめんなさい。あまりにあせっていたもんで。(いいわけなんないな)次回から気をつけます。

くり 1999/08/30(月) 01:04:18
[[解決]]
ごめんなさい。解決マークいれるの忘れました。
これまた次回気をつけます。

[上に] [前に] [次に]