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:  </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
Post a Comment