2011-07-08 13 views
1

私のデザインビューと実際のプレビューが表示される内容が異なります。私は自分のコードがデザインビューに表示されているものを正確に反映していると確信していますが、ブラウザのプレビューで間違っています。どのように私はこれを修正することができ、なぜこれが起こっているのかに関する任意の提案?黒のコンテンツ領域は、ヘッダーとボタンの下にある必要があります。ASP/HTML/CSS - ブラウザのプレビューとは異なるデザインビュー

マスターページのデザインビュー:http://imageshack.us/photo/my-images/30/designview.jpg/

ブラウザプレビュー:http://imageshack.us/photo/my-images/638/browserpreviewz.jpg/

IEとChromeの両方が同じ挙動を示します。ここで

は、マスターページのコードです:
(ための「<」私はここにASPコードを取得したんだ...どのように私はコードサンプルとしてそれを中に入るのですか?)

+0

{}ボタンを使用して、コードを転記するためのテキストボックスをラップします。 – sajoshi

+0

信頼できないデザインビュー!ブラウザでテストする – archil

答えて

2

個人的に、I私はビジュアルスタジオでWebプレビューを信頼することはできませんので、実際にはあなたの特定の質問に対する答えではありませんが、プレビューには常に実際のブラウザを使用することをお勧めします。 :)

+0

次にデザインビューが存在するのはなぜですか?私はあなたのサイトがどのように見えるかについて誤った印象を与えるだけであれば、デザインビューの目的について完全に困惑しています。 〜署名され、迷って混乱した。 – ShrimpCrackers

+0

それは私たちの2つを作る!マイクロソフトはそれ自体を「WYSIWYGに近い」と呼んでいます! http://msdn.microsoft.com/en-us/library/x4c64s41%28v=vs.80%29.aspx – xec

0

あなたのCSSがキャッシュされている可能性があります。 Webプレビューを見ているときは、Ctrl + F5(F5だけでなく)をクリックしてページとCSSをリロードすることをお勧めします。これは、私のCSS変更がWebプレビューでレンダリングされていないと感じたときに私にとって数回働いた。

関連する問題