Home/ Questions/Q 8646483
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T12:49:16+00:00

it’s supposed to be obvious, but in all major browsers, the div content is

  • 0

it’s supposed to be obvious, but in all major browsers, the div content is not hidden:

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>

<style>
    #confContent{
    border:solid 1px #FF0000;
    width:700px;
        height:600px;
    background-color:#00CC00;
    left:50%;
    display:none;
    position:absolute;
                                                }

</style>

</head>

<body>

        <div id="confContent">
        <p style="color:#0000FF">Some content goes here</p>
        </div>


</body>
</html>

Actually, all the prperties doesn’t seems to work, the div is not shifted to 30% left, doesn’t have a background color, is not hidden and doesn’t have a border. Please help. Thanx in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    My issue is solved, for anyone who struggle with this, DO NOT use <!-- --> for your comments inside your css block:

    <style>

<!-- DO NOT use this format for comments -->

/* Only this format is valid */

</style>

    That was preventing FireFox from reading my css code and was throwing me such errors:

    The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must to be declared in the document or in the transfer protocol.

    and 

    Unexpected end of file while searching for closing } of invalid rule set.
    • 0