Выравнивание флажков через унаследованные CSS?

Question

У меня есть страница php, которая запускает всплывающее окно, содержащее форму с флажками. Исходное окно включает в себя внешнюю таблицу стилей.

Форма HTML для всплывающего окна:

<form name="statusForm" action="post.php=" method="post" enctype="multipart/form-data">
<label for="Test">Test:</label>
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
<label for="Test">TestTest:</label>
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
<label for="Test">TestTestTest:</label>
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
<input name="Submit" value="submit" type="submit">
</form>

Форма была обрезана, а поля переименованы для проверки на публикацию.

Во внешней таблице стилей у меня есть:

label {
    min-width: 5em;
}

Флажки все еще не выровнены. Нужно ли явно включать таблицу стилей в html всплывающего окна или это что-то еще?

Answer 1

Новые окна не наследуют какие-либо правила таблиц стилей от своих родителей.

Кроме того, если вы используете Firefox, я настоятельно рекомендую вам установить расширение Firebug , которое позволит вам «проверять» HTML-элемент, чтобы увидеть (и даже изменить) активные правила CSS.

Answer 2

Имейте в виду, что минимальная ширина не поддерживается в Internet Explorer 6. Кроме того, я бы использовал некоторый разделительный элемент, например <div> или <li> (в пределах <ul>), а не <br />.

Rich

Answer 3

Да, всплывающее окно должно быть собственной полной HTML-страницей.

---

Редактировать

Если это не всплывающее окно AJAX, в этом случае ему НЕ обязательно должна быть полная HTML-страница.