Checkboxen über geerbtes CSS ausgleichen?

Question

Ich habe eine PHP-Seite, die ein Popup-Fenster mit einem Formular mit Kontrollkästchen startet. Das Ursprungsfenster enthält ein externes Stylesheet.

Das Formular html für das Popup-Fenster ist:

<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> 

Die Form getrimmt wurde und Felder für die Entsendung ..

Im externen Stylesheet testen umbenannt, ich habe:

label { 
    min-width: 5em; 
} 

Die Kontrollkästchen sind immer noch nicht ausgerichtet. Muss ich das Stylesheet explizit in das HTML des Popup-Fensters einfügen oder ist es etwas anderes?

Answer 1

Ja, das Popup-Fenster muss eine eigene vollständige HTML-Seite sein.

---

bearbeiten

Sofern es sich um ein AJAX Popup, in welchem ​​Fall es Seite eine vollständige HTML-sein nicht braucht.

Answer 2

Neue Fenster erben keine Stylesheet-Regeln von ihren Eltern.

Wenn Sie Firefox verwenden, rate ich Ihnen dringend, die Erweiterung Firebug zu installieren, mit der Sie ein HTML-Element "überprüfen" können, um die aktiven CSS-Regeln zu sehen (und sogar zu ändern).

Answer 3

Beachten Sie, dass min-width nicht in Internet Explorer 6. Auch unterstützt wird, ich mag <div> oder <li> etwas Trennelement verwenden würde (innerhalb eines <ul>) eher als ein <br />.

Rich