일부 CSS 스타일은 모든 브라우저

최고와 "#HELP"오른쪽 스타일을 계산하지 않는 선언 문서 타입에 모든 브라우저에서 계산되지 않습니다 HTML 코드는 그대로 : 일부 CSS 스타일은 모든 브라우저

<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>

내가 가진 CSS를 #HELP의 스타일, #HELP 만 CSS 스타일을 부여하고 하위 요소 #help_img, 상단과 오른쪽이 작동하지 않습니다 : right: 320 같은 Quirks Mode에서

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

출처

2013-05-22 akhil

"html 5 DTD"가 없습니다. 페이지 시작 부분에''문자열을 삽입했다는 것을 의미합니다. –

, CSS 선언은 해석됩니다 따라서 px 단위가 암시됩니다. 이것은 CSS 선언에 위배되며, 그러한 선언은 무시되어야합니다.

<!doctype html> 또는 표준 모드를 트리거하는 다른 doctype 문자열을 넣으면 CSS 코드에 오류가있는 경우 상황이 상당히 바뀔 수 있습니다.

해결 방법은 CSS 코드를 수정하는 것입니다. 이 경우 320 및 390을 320px 및 390px으로 대체하면 충분합니다. W3C CSS Validator을 사용하여 CSS 코드를 확인하십시오.

출처

2013-05-22 05:02:38

감사합니다. – akhil

일부 CSS 스타일은 모든 브라우저

답변

관련 문제