margin-bottom disappearing on toggle of div/fieldset (Ffox)
Posted: Thu Jul 21, 2005 4:35 pm
Hello DevNetwork,
I have the following XHTML 1.1 (sent as Content-type: application/xhtml+xml, if that might have anything to do with it...):
However, when using javascript to remove the "hidden" class from the div, the margin-bottom immediately disappears.
The same thing happens if I place the verification id in the fieldset instead of the div.
My javascript code to unhide the div:
Again, what happens when this code is executed is that the element reappears, but is right against the fieldset below it. Even if I explicitly set margin-bottom (with a class, or with javascript code after removing the hidden class), Firefox ignores it. Any ideas on a solution (preferably non-hacky...) or why this is happening?
- Monkey
I have the following XHTML 1.1 (sent as Content-type: application/xhtml+xml, if that might have anything to do with it...):
Code: Select all
<div id="e;verification"e; class="e;hidden"e;>
<fieldset>
<legend>Credential Verification</legend>
<label for="e;current_password"e; id="e;current_password_label"e;>Current Password</label>
<input type="e;password"e; name="e;current_password"e; id="e;current_password"e; />
<input type="e;submit"e; name="e;verify"e; value="e;Verify"e; onclick="e;return personal(true);"e; />
</fieldset>
</div>The same thing happens if I place the verification id in the fieldset instead of the div.
My javascript code to unhide the div:
Code: Select all
document.getElementById( response.childNodesїi].getAttribute('maximize') ).className = "e;"e;;- Monkey