How to make IE and Firefox display hidden elements the same (IE shifts visible element)
Posted
by
Dale
on Stack Overflow
See other posts from Stack Overflow
or by Dale
Published on 2012-06-28T15:12:54Z
Indexed on
2012/06/28
15:16 UTC
Read the original article
Hit count: 144
Rendering the same html in IE and Firefox gives me a different result because in IE, the hidden checkbox is not ignored, from a layout perspective:
<html><head>
<style type="text/css">
<!--
#checkboxhide { position: relative; visibility: hidden; font-size: 8.5pt; font-weight: font-family: verdana;}
//-->
</style>
</head><body>
<table><tr>
<td>|</td>
<td><span id="checkboxhide"><input type="checkbox" hidden="" name="blah"></span>|Greetings Earthings</td>
</tr></table>
</body></html>
How can I get the two (or more) browsers to show the same thing?
© Stack Overflow or respective owner
