Visual Studio 2005でテーブルと画像が正しく表示されるようにするにはどうすればよいですか？

Question

Photoshop CS2の「Web用に保存」を使用しました。サイトレイアウト用の画像のテーブルを作成する機能。

このHTMLはWebブラウザーでは正常に表示されますが、Visual Studioにインポートしてサイトデザイナーで表示すると、メトリックが間違っており、画像（テーブルセル）間に水平方向のギャップがあります。

Photoshopからの出力は、スタイルシートを参照しません。
テーブル属性は、ボーダー、セルパディング、セルスペースを0に設定します。

デザイナでの表示は次のとおりです。

ブラウザでの表示は次のとおりです。

Visual Studioはテーブルと画像のレイアウトについて気難しいですか？これはVisual Studio 2005のバグですか？

Answer 1

個人的に私は決して信頼しておらず、Visual Studioでデザインビューを使用することはほとんどなく、通常はすべてのページのコードビューに設定しています。 IEおよびFirefoxでファイルの作業バージョンを開いたままにしてレイアウトを表示できるようにする傾向がありますが、マルチステップフォームなどを表示しようとすると問題が発生する可能性があります。テストするために各ステップを実行することのすべての悪条件を踏まずに、どの状態/ステップを表示するかを選択します。

VSでは、プロジェクトエクスプローラーでファイルを右クリックし、Webブラウザーで表示することを選択できます。さまざまなブラウザをVS設定に追加して、ファイルを表示するブラウザを選択することもできます。

これはanwserではないことを理解していますが、役に立つことを願っています。

Answer 2

「Web用に保存」で遊んだことがありません。機能ですが、テーブルマークアップと画像を除く出力htmlには、ページ全体の表示動作を定義するcssスタイルも含まれているはずです。

したがって、htmlをVSにインポートするときは、関連するスタイルも転送されるようにしてください。

また、HTMLの有効性を確保するために忘れないでください-web.configまたはプロジェクトプロパティ（またはhtmlエディター）でWebアプリの適合レベルを選択できます。ターゲットスキーマをXHTML Transitionalに設定します。 Photoshopから取得したhtmlが適切に検証されることを確認してください。

Answer 3

Visual Studio 2005のデザイナーは、特定のHTMLコンテンツのレンダリングに苦労しているようです。トビーが言ったように、この問題を回避する最善の方法は、デザイナーと協力するのではなく、Webブラウザーでページをプレビューすることです。

他の代替手段は、もちろんVisual Studio 2008を使用することです。VisualStudio 2008では、Expression Webで使用されるのと同じWebデザイナーコンポーネントを使用します。私はまだWebプロジェクトにVisual Studio 2008を広範囲に使用したことはありませんが、私が見たところ、非常に印象的です！ Visual Studio 2008には、「スプリット」もあります。表示オプション。HTMLの編集中にデザイナーを表示できます（ソースビューとデザインビューを切り替える必要がなくなり、追いつくのに数分かかります！）