Home/ Questions/Q 8146977
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T14:11:27+00:00

Rendering the same html in IE and Firefox gives me a different result because

  • 0

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. This image shows that there is a space where the hidden checkbox is in IE, but no space where the hidden checkbox is in Firefox:
image shows that there is a space where the hidden checkbox is in IE, but no space where the hidden checkbox is in Firefox

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

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The CSS visibility property, when set to hidden, can hide the contents of an element, but not the space it occupies.

    The display property, when set to none, hides both the element’s contents and the space it occupies.

    Use display: none rather than visibility: hidden:

    #checkboxhide { position: relative; display: none; font-size: 8.5pt; font-weight: font-family: verdana;}
    • 0