継承された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

はい、ポップアップウィンドウは独自の完全なHTMLページである必要があります。

---

編集

それは完全なHTMLページである必要はありません、その場合にはAJAXのポップアップ、でない限り。

Answer 2

新しいウィンドウは、親からスタイルシートのルールを継承しません。

また、Firefoxを使用している場合は、Firebug拡張機能をインストールすることをお勧めします。これにより、HTML要素に「点検」を行い、アクティブなCSSルールを表示（および修正）することができます。

Answer 3

は、最小幅はまた、インターネットエクスプローラ6でサポートされていないことを、私はむしろ<br />より（<ul>以内）<div>または<li>のようないくつかの分割素子を使用したい心に留めておいてください。

リッチ