css, искажающий при добавлении тега формы

У меня есть фиктивный HTML-код, который правильно отображает заголовок, левый div (полностью покрывающий тело) и правый div для содержимого. Но по мере того как я добавляю <Form> на странице ASPX (или любой странице html) после тега body, мое форматирование 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

Левый Nav расширяется сверху вниз, если я не ставил тег формы. Однако, когда я добавляю тег 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.

Удалите дополнительный тег html (в html) внутри тега ASP.NET FORM и посмотрите, не имеет значения.

Заменить приведенный ниже код

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

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

</form>

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

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

</form>

Спасибо.! Надеюсь, поможет.!

источник

2015-09-21 17:41:49 writeToBhuwan

css, искажающий при добавлении тега формы

ответ

Смежные вопросы