Click to See Complete Forum and Search --> : Removing padding around [input type=checkbox]
Could anyone advise on how to remove padding around checkbox in IE? I am not refrring to the padding "style", but rather the blank space around checkbox (which IE considers to be part of the input-object, even though the actual checkbox is very small).
Thanks in advance...
scragar
11-16-2006, 04:48 AM
unless you make a new class for the checkbox and use something like:
input.checkbox{
#padding: 0px;
#margin: 0px;
}
in the css I don't think it will be that easy.(I have never experienced this strange padding before now though...)
Kravvitz
11-16-2006, 04:52 AM
"#padding: 0px;" is not valid CSS. It isn't a well known hack either. Using it is an extremely bad idea. By the way Opera 5 is prone to this bug just like IE/Win.
Conditional comments are much better for making IE/Win only style rules. Just remember that only IE5+/Win supports them.
About Conditional Comments (http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp)
Some more information on conditional comments can be found on this page. (http://www.positioniseverything.net/articles/multiIE.html)
QuirksMode.org : Conditional comments (http://www.quirksmode.org/css/condcom.html)
Valid downlevel-revealed conditional comments (http://www.456bereastreet.com/archive/200511/valid_downlevelrevealed_conditional_comments/)