cwfrwi1934
New Member
I have been hours with a code that did not work and I could not find the problem. I simplified the problem to find it. At the end I find a hidden character, a character I could not see but makes everything goes wrong. I'm really surprised; I publish it if it could help someone. This hidden character is just after the blue css and makes everything behind invisible. If anyone deletes that space, the red becomes visible!I publish this in three places. You can see this surprising problem: \[quote\] http://codepen.io/anon/pen/riKkn
http://dabblet.com/gist/3135074
http://jsbin.com/exokub/edit#html,live\[/quote\]For me this is really shocking. I've been so many hours to find this. Does anyone know why this happens? Is there anyway to make visible these hidden characters that destroy everything?CSS:\[code\]#blue {position: absolute;width: 200px; height:100px;top: 50px;left: 150px; background-color: blue;}?#red {position: absolute; width: 200px; height:100px;top: 200px;left: 150px; background-color:red;}?\[/code\]HTML:\[code\]<div id="blue"></div><div id="red"></div>\[/code\]
http://dabblet.com/gist/3135074
http://jsbin.com/exokub/edit#html,live\[/quote\]For me this is really shocking. I've been so many hours to find this. Does anyone know why this happens? Is there anyway to make visible these hidden characters that destroy everything?CSS:\[code\]#blue {position: absolute;width: 200px; height:100px;top: 50px;left: 150px; background-color: blue;}?#red {position: absolute; width: 200px; height:100px;top: 200px;left: 150px; background-color:red;}?\[/code\]HTML:\[code\]<div id="blue"></div><div id="red"></div>\[/code\]