В любом случае, чтобы этот маленький кусочек кода выглядел одинаково в FF и IE в режиме причуд? - PullRequest
Новая
       1

В любом случае, чтобы этот маленький кусочек кода выглядел одинаково в FF и IE в режиме причуд?

0 голосов
/ 30 сентября 2010

У меня есть следующий код: 

<html>
<head>
<style type="text/css">
li {list-style-type:none;}
label {clear:left;float:left;width:110px;}
input.submit {display:block;margin:20px 0 10px 110px;padding:4px 0;width:140px; }
</style>
</head>
<body>
<li><label>Full Name:&nbsp;</label><input type="text"></li>
<li><label>E-mail Address:&nbsp;</label><input type="text"></li>
<input type="submit" class="submit" value="Click to continue">
</body>
</html>

Обратите внимание, как кнопка «Нажмите, чтобы продолжить» выстраивается в FF, но не в IE.Я знаю, что это потому, что тип документа не объявлен, и IE работает в режиме причуд.То, что я хотел бы знать, есть ли способ выстроить эту кнопку вверх, не объявляя тип документа и не используя CSS-хак только для IE?Я знаю, это странный вопрос ... Спасибо!

Ответы [ 2 ]

4 голосов
/ 30 сентября 2010

сначала вы должны поместить li в ul (или удалить их, но то, что вы делаете, определенно неправильно) - возможно, это решит вашу проблему.

3 голосов
/ 30 сентября 2010

Это сделает это 

<html>
<head>
<style type="text/css">
li {list-style-type:none;}
label {clear:left;float:left;width:110px;}
input.submit {display:block;margin:20px 0 10px 110px;padding:4px 0;width:140px; }
ul {margin:0px;padding:0px;}
</style>
</head>
<body>
<ul>
<li><label>Full Name:&nbsp;</label><input type="text"></li>
<li><label>E-mail Address:&nbsp;</label><input type="text"></li>
</ul>
<input type="submit" class="submit" value="Click to continue">
</body>
</html>
...