CSSがフォームタグを追加する際に歪んでいる

ヘッダー、左div（完全にカバーするボディ）、内容の右divを正しく表示するダミーHTMLをたどりました。しかし、bodyタグの後ろにASPXページ（または任意のhtmlページ）に<Form>を追加すると、CSSの書式があまりにも歪んでしまいます。提案してください。CSSがフォームタグを追加する際に歪んでいる

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <style type="text/css"> 
body{ 
margin:0px 0px 0px 0px; 
height:100%; 
width:100%; 
} 

.leftNav { 
background:red; 
height:85%; 
width:200px; 
float:left; 
} 

.content{ 
background:orange;} 

.header { 
height:15%; 
background:blue; 
} 
</style></head> 
<body> 
<div class="header">dd</div> 
<div class="leftNav">abcd</div> 
<div class="content">asdasd<br>asdasd<p>asdasd</p>asd asifj sadjf</div> 
</body></html>

出典

2011-09-14 helloworld

どのCSSが歪んでいますか？歪んだことはどういう意味ですか？ – Kyle

フォームタグを置かないと、左のナビゲーションが上から下に展開されます。しかし、Formタグを置くと、コンテンツを占有するだけに縮小されます。 – helloworld

追加情報として、問題はIEだけです。 DivはFirefoxとChromeの底までよく伸びます – helloworld

IEでの問題：身体は100％の高さと幅を持っています。フォームタグ内のdivを100％に設定すると、FirefoxとChromeは100％拡張できます。しかし、IEでは、フォームタグも100％の高さと幅で設定する必要がありました。

<Form style="height:100%;width:100%"> ...DIVs ... </form>

これは私の問題を修正しました。

出典

2011-09-15 11:01:12 helloworld

これは私の問題を解決してくれてありがとう！ +1 – gudthing

私はあなたのhtmlの中にいくつかの "私達に連絡する"フォームまたは他のフォームを持っていると思います。

ASP.NETフォームタグの中の追加のhtmlタグ（HTML内）を削除し、違いがあるかどうか確認してください。

<form id="form1" runat="server"> 

    <divname="blunder"> 
     <!-- Some content --> 
    </div> 

</form>

おかげで以下のコード

<form id="form1" runat="server"> //this is asp.net form 

    <form name="blunder"> //some html form in your page 
     <!-- Some content --> 
    </form> 

</form>

を交換してください。！それが役に立てば幸い。！

出典

2015-09-21 17:41:49 writeToBhuwan

CSSがフォームタグを追加する際に歪んでいる

答えて

関連する問題