HTML problem record 20180529

1. About the body height in the iframe 100% issue

If the IFRAME does not have a DOCTYPE to the HTML in SRC or SRC, even if container has doctype, the sub-page still has the quirks mode enabled. Body height 100%, if the page in SRC is doctype, the standard mode will be enabled

The body adapts to the height of the IFRAME and does not follow the "block-level element height is determined by the sum of the height of its internal document flow elements" because the page in the IFRAME does not have a document declaration, so the browser enables the quirks mode quirks mode is compatible, means that a relatively new browser intentionally simulates many of the errors in older browsers, especially IE 4 and IE 5. Workaround: Add a document declaration to the effect as

2.div Vertical Horizontal Center Method induction

2. Radio, CHECKBOK,CSS text trigger tick 2.1 radio

<Divstyle= "Height:35px;line-height:35px;background-color: #f2f2f2; border-bottom:1px solid RGB (221, 221, 221);">        <inputchecked= "Checked"style= "CURSOR:POINTER;WIDTH:20PX;HEIGHT:20PX;FLOAT:LEFT;MARGIN-TOP:8PX;"ID= "LISTTYPE-DEP"type= "Radio"value= "1"name= "ListType"/><labelstyle= "Cursor:pointer;float:left;" for= "LISTTYPE-DEP">Departmental Tree</label>        <inputstyle= "cursor:pointer;width:20px;height:20px;float:left;margin-top:8px;margin-left:5px;"ID= "Listtype-group"type= "Radio"value= "0"name= "ListType"/><labelstyle= "Cursor:pointer;float:left;" for= "Listtype-group">My group</label></Div>

2.2 Checkbok

<Divstyle= "Margin-left:10px;float:left;height:inherit;height:35px;line-height:35px;background-color: #f2f2f2; BORDER-BOTTOM:1PX Solid RGB (221, 221, 221); ">            <inputstyle= "CURSOR:POINTER;WIDTH:20PX;HEIGHT:20PX;FLOAT:LEFT;MARGIN-TOP:8PX;"ID= "Notifytype-platform"type= "checkbox"value= "1"name= "Notifytype-platform" /><labelstyle= "Cursor:pointer;float:left;" for= "Notifytype-platform">Platform Notifications</label>            <inputstyle= "cursor:pointer;width:20px;height:20px;float:left;margin-top:8px;margin-left:5px;"ID= "Notifytype-sms"type= "checkbox"value= "0"name= "Notifytype-sms" /><labelstyle= "Cursor:pointer;float:left;" for= "Notifytype-sms">SMS Notification</label></Div>

HTML problem record 20180529