엄격한 doctype 및 인라인 CSS

내 HTML 파일에이 글을 쓸 때 올바르게 표시됩니다.엄격한 doctype 및 인라인 CSS

<div class="event" style="top: 30px; left: 10px; width: 584px; height: 80px;">

그러나이 최대한 빨리 엄격한 문서 타입을 설정 한, 스타일은 사라집니다. 그래서 firbug에서 나는 style = ""만을 봅니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html>.....<body> 
<div class="event" style=""></div></body></html>

전체 HTML 코드는 :

<html> 
<head> 
<title>calendar</title> 
<style type="text/css"> 
    * { 
    margin:0; 
    padding:0; 
    } 

    body { 
    font-family:arial; 
    margin:10px; 
    } 
    #canvas { 
    width:600px; 
    height:720px; 
    padding:0 10px; 
    background:#ececec; 
    margin-left:75px; 
    position:relative; 
    } 

    .event { 
    padding:5px; 
    border:solid #d5d5d5; 
    border-left:solid #aaa; 
    border-width:1px 1px 1px 5px; 
    position:absolute; 
    max-width:600px; 
    background:#fff; 
    overflow:hidden; 
    } 
    div.event .title { 
    font-size:1em; 
    colo:#4B6EA9; 
    } 
    div.event .desc { 
    font-size:0.8em; 
    color:#7a7a7a; 
    } 
    #time { 
    float:left; 
    text-align:right; 
    } 
    div#time .timeline { 
    height:60px; 
    font-weight:bold; 
    font-size:14px; 
    color:#7a7a7a; 
    } 
    div#time div.timeline span { 
    font-weight:normal; 
    margin-left:7px; 
    font-size:10px; 
    color:#aaa; 
    } 
    div#time div.timeline .last{margin-top:35px;} 
</style> 

</head> 
<body> 

<div id="time"> 
<div class="timeline">9:00<span>AM</span></div> 
<div class="timeline">10:00<span>AM</span></div> 
<div class="timeline">11:00<span>AM</span></div> 
<div class="timeline">12:00<span>PM</span></div> 
<div class="timeline">1:00<span>PM</span></div> 
<div class="timeline">2:00<span>PM</span></div> 
<div class="timeline">3:00<span>PM</span></div> 
<div class="timeline">4:00<span>PM</span></div> 
<div class="timeline">5:00<span>PM</span></div> 
<div class="timeline">6:00<span>PM</span></div> 
<div class="timeline">7:00<span>PM</span></div> 
<div class="timeline">8:00<span>PM</span><div class="last">9:00<span>PM</span></div></div> 
</div> 
<div id="canvas"> 
<div class="event" style="top: 30; left: 10; width: 584; height: 80;">test</div><div class="event" style="top: 610; left: 10; width: 284; height: 50;">test</div></div> </body></html>

출처

2009-12-23 priyank

'event' 클래스의 CSS를 볼 수 있습니까? –

CSS가있는 완전한 html 코드를 업데이트했습니다. – priyank

인라인 스타일에 단위를 지정하지 않았습니다. 이것은 쿼크 모드 (doctype 없음)에서는 작동하지만 엄격 모드 (doctype과 함께)에서는 작동하지 않습니다.

<div class="event" style="top: 30px; left: 10px; width: 584px; height: 80px;">

으로 수정해야합니다.

출처

2009-12-23 17:43:49 NickFitz

예 .. 방금 알아 냈습니다. 감사. – priyank

확인 나는이 문제를 알아 냈어. 대신

style="top: 30; left: 10; width: 584; height: 80;"

의

그것은 엄격한 문서 타입을 사용하지 않았기 때문에

style="top: 30px; left: 10px; width: 584px; height: 80px;"

이전에이 일을해야합니다.

출처

2009-12-23 17:42:47 priyank

엄격한 doctype 및 인라인 CSS

답변

관련 문제