html5 - On declaring html 5 DTD some css styles are not computing any browser -


top , right styles of "#help" not computed in browser on declaring doctype html code is:

    <div id="events">         <img src="media/event icon.png" alt="events" id="events_img">     </div>     <div id="colors" >          <img src="media/cultural.png" alt="colours" id="colors_img">     </div>     <div id="hospitality">       <img src="media/117016-matte-blue-and-white-square-icon-business-notepad.png" alt="hospitality" id="hospitality_img">     </div>     <div id="help">         <img id="help_img" src="media/help.png" alt="help">     </div>     <img src="media/cadbell.fw.png" alt="cadbell" id="cadbell">     <img src="media/cadbell2.fw.png" alt="cadbell" id="cadbell2">     <img src="media/bird-blue-icon.png" alt="angry bird" id="angry_bird">        <div id='bottom-div'></div>          <img src="media/stick.fw.png" alt="stick" id="stick">         <span id="dev"><b>developed by:&nbsp </b><a href='#'>d akhil reddy</a></span>     </div> </div> 

i have given css style #help , sub element #help_img , top , right not working, css styles of #help:

#help{ position: absolute; right: 320; top: 390; cursor: pointer; width: 137px; } #help_img{ position:absolute; left:10px; } 

in quirks mode, css declarations right: 320 interpreted px unit implied. violates css specifications, require such declarations ignored.

if put <!doctype html> or other doctype string triggers standards mode, things may change quite lot if css code has errors.

the solution fix css code. in case, should suffice replace 320 , 390 320px , 390px. use w3c css validator check css code.


Comments

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -