テーブルの幅をウェブブラウザに合わせて伸ばす

私は自分の問題を解決しようとしている間、インターネットを精査しました。私は自分のサイト全体でテーブルを持っており、ユーザーのWebブラウザのサイズに合わせて伸ばしたいと思っています。ここでは、すべてのサイトのコードです：テーブルの幅をウェブブラウザに合わせて伸ばす

<body> 

<table width="100%" border="0"> 
    <tr> 
    <td width="525" rowspan="2"><img src="My Images/Speaker.png" width="525" height="772"    
ondragstart="return false" /> 
    </td> 

    <td width="697" height="16"> 
    *Flash Video Here* 
    </td> 
    </tr> 
    <tr> 
    <td><img src="My Images/Vymil.jpg" width="822" height="597" ondragstart="return false"/></td> 
    </tr> 
</table> 

</body> 
</html>

どれでも役立つソリューションをいただければ幸いです。

出典

2011-01-09 Techn0guy

幅をパーセントで<table>と<TD>タグで指定します。これは、ブラウザのウィンドウサイズごとに設定されます。ブラウザのサイズにストレッチしますあなたのテーブルを確保するすべての<TD>

出典

2011-01-09 04:54:53

私は上記の2を試してみたすべてのクイック応答ありがとう、まだ運がありません。 Harry Joy私はこれが可能な解決策であることを知っていますが、パーセンテージを掘り下げなくてはなりません。親テーブルがリサイズされるためにタグが自動サイズ変更されるようにする方法があるかどうかを知りたかったのです – Techn0guy

@ Tech0guy：パーセンテージなしでサイズを指定すると、親に依存します。すべてのブラウザサイズで同じです。 –

<style type="text/css"> 
* 
{ 
    margin: 0px; 
    padding: 0px; 
} 
html, body 
{ 
    height: 100%; 
} 
</style> 
<table style="width:100%;height:100%;"> 
<!-- content --> 
</table>

これに<table>と適切な割合で100％を与えます。

http://jsfiddle.net/L9wMU/

出典

2011-01-09 04:57:21

あなたのコードがどのように見えるかを示すテストページを追加しました。 –

@ user1385191誰もが関連し理解することができるコードの共有スニペットをお寄せいただきありがとうございます！ – 3kstc

私はこの質問のための3つの答えがすでに存在していることに驚いています！
まず、質問dreamweaverのタグを付けて、をsrcで使用し、テーブルを使用してください。これは実際に彼が必要とする本当の助けが実際にHTMLとCSSの基礎を学んでいることを意味します！

私が示唆しているのは、基本を学ぶためのリソースを検索しようとしていますが、見つけられなかったら、ここでそれを求めてください！それはどうですか？ :-)

あなたは（回答した）あなたは、imgが全幅に伸びるので、tdの幅をパーセンテージに変えても問題は解決しないでしょう！それは〜2044pxになるでしょう！ほとんどの画面解像度よりも広いです！

出典

2011-01-09 05:13:36 ifaour

はい、あなたは正しいですが、知っているとおり、画像の幅と高さを設定することもできます。 –

@ハリー・ジョイ - もちろんですが、これは*** REAL ***の問題ですね。彼は使える最悪の解決策の最高を与えるだけでなく、物事を正しく得るために助けが必要です！ – ifaour

私はイメージを設定する彼の実際の問題ではないことを知っていますが、あなたの理解のために、私はコメントで自分の質問に答えていませんでした。 –

テーブルの幅をウェブブラウザに合わせて伸ばす

答えて

関連する問題