W3C CSS 검사 결과 http://www.tcm.phy.cam.ac.uk/vacancies/postgrad.html (CSS 레벨 3)

축하합니다! 발견된 오류가 없습니다.

이 문서는 다음 형식으로 검사되었습니다: CSS 레벨 3 !

방문자들에게 상호 호환성이 있는 웹 페이지를 고려한 웹 페이지를 작성한 것을 알리기 위해, 검증된 웹 페이지에서 이 아이콘을 표시할 수 있습니다. 아래 XHTML 코드를 이용하여 아이콘을 웹 페이지에 추가할 수 있습니다:

올바른 CSS입니다! 
<p>
    <a href="http://css-validator.org/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://css-validator.org/images/vcss.png"
            alt="올바른 CSS입니다!" />
    </a>
</p>
올바른 CSS입니다! 
<p>
<a href="http://css-validator.org/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://css-validator.org/images/vcss-blue.png"
        alt="올바른 CSS입니다!" />
</a>
</p>

(HTML 4.01 이하에서는 /> 대신에 >로 img태그를 닫아야 합니다)

원하신다면, 이 이미지의 사본을 웹 사이트의 디렉토리에 저장하고, 위에 있는 XHTML 코드에서 사본으로 경로를 변경하는 것도 가능합니다.

향후 이 페이지를 쉽게 검사하거나 다른 사용자들이 검사를 해볼 수 있게 이 검사 결과에 대한 링크를 만들고 싶다면, 링크 URI는 다음과 같습니다: 

http://css-validator.org/validator?lang=ko&profile=css3&uri=http%3A%2F%2Fwww.tcm.phy.cam.ac.uk%2Fvacancies%2Fpostgrad.html
or
http://css-validator.org/check/referer (HTML/XML 문서 전용)

(또는, 이 페이지를 즐겨찾기 (또는 책갈피) 에 추가하여도 됩니다.)

↑ 최상위

경고 (5)

URI : http://www.tcm.phy.cam.ac.uk/vacancies/postgrad.html

3 can't find the warning message for style-type
194 can't find the warning message for vendor-extension
195 can't find the warning message for vendor-extension
196 can't find the warning message for vendor-extension
197 can't find the warning message for vendor-extension

↑ 최상위

올바른 CSS에 대한 정보

body {
background-color : #888;
}
@media print {
.printerremoval {
display : none;
}
}
@media screen and (min-width : 545px) {
.column {
width : 45%;
margin : 0% 3% 0% 0%;
display : inline-block;
vertical-align : top;
}
.thin_column {
width : 33%;
display : inline-block;
vertical-align : top;
}
.english {
width : 40%;
padding : 0 8px;
margin : 0 0 8px 8px;
}
.show_when_narrow {
display : none;
}
}
@media screen and (max-width : 544px) {
.column {
width : 96%;
margin : 2% 2% 2% 2%;
display : inline-block;
}
.thin_column {
width : 96%;
margin : 2% 2% 2% 2%;
display : inline-block;
}
.show_when_wide {
display : none;
}
.english {
width : 100%;
}
}
.person {
display : inline-block;
width : 200px;
height : 300px;
overflow : hidden;
text-align : center;
margin-top : 20px;
margin-bottom : 10px;
position : relative;
vertical-align : top;
}
.person img {
height : 200px;
display : block;
margin : 0 auto;
}
.person_container {
width : 140px;
position : relative;
height : 200px;
overflow : hidden;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
margin-bottom : 8px;
box-shadow : 0 0 10px #aaaaaa ;
}
.person_centerer {
width : 500px;
position : absolute;
left : 50%;
top : 0;
margin-left : -250px;
}
div.group_members {
width : 240px;
display : inline-block;
}
ul.group_list {
list-style-type : none;
padding : 0;
}
ul.group_list li {
padding : 0;
}
div.profile_details {
display : inline-block;
width : 490px;
overflow : hidden;
}
@media screen and (max-width : 1000px) {
div.group_members {
width : auto;
display : block;
clear : both;
text-align : left;
}
div.profile_details {
width : auto;
display : block;
overflow : hidden;
}
ul.group_list li {
display : inline;
}
ul.group_list li:after {
content : ', ';
}
ul.group_list li:nth-last-child(2):after {
content : ' and ';
}
ul.group_list li:last-child:after {
content : '.';
}
}
div.profile_details p {
margin : 9px;
}
div.group_members {
clear : both;
}
div.group_members p {
margin-bottom : 8px;
}
div.profile_top {
width : 100%;
clear : both;
}
img.rimg {
width : 40%;
padding : 4px;
}
@media screen and (min-width : 460px) {
div.person_image img {
width : 230px;
margin-top : 8px;
margin-bottom : 8px;
}
div.person_image {
float : left;
display : block;
}
div.profile_details {
padding : 0;
margin : 0 0 0 0;
vertical-align : top;
text-align : left;
}
div.profile_details p {
margin-right : 0;
margin-bottom : 0;
margin-top : 9px;
margin-left : 3%;
}
div.profile_top {
text-align : left;
}
}
@media screen and (max-width : 459px) {
div.person_image img {
float : none;
display : inline-block;
margin : 8px 0;
width : 280px;
}
div.profile_details {
display : inline-block;
}
div.profile_details {
text-align : left;
}
div.profile_top {
text-align : center;
}
}
div.prof_featured ul {
list-style : none;
margin : 8px;
padding : 0;
}
div.prof_featured span.pubs_title {
font-weight : bold;
}
div.prof_featured span.pubs_vol {
font-weight : bold;
}
.fullwidthcontent {
padding : 8px;
}
p.title {
margin : 0;
}
.english {
float : right;
background-color : #dddddd;
}
div.english > p {
padding-left : 8px;
padding-right : 8px;
}
.horizontal_divider {
background-color : #888;
margin-left : -8px;
margin-right : -8px;
padding-left : 8px;
padding-right : 8px;
border-top : 8px solid white;
border-bottom : 8px solid white;
margin-bottom : 8px;
width : 100%;
height : 10px;
clear : both;
}
div.main {
background : white;
padding : 0;
border : 0;
}
div.footer {
padding : 0 0 0 0;
margin : 0;
border : 0;
}
div.uoc {
padding : 8px 10px 0 50px;
}
div#Cantab1 {
border-width : 0;
height : 39px;
vertical-align : middle;
}
div#TCMtab {
width : 200px;
height : 10px;
}
@media all and (max-width : 1000px) {
div.footer {
padding : 0 0 0 0;
}
div.uoc {
padding : 8px 10px 0 5%;
}
}
@media all and (max-width : 550px) {
div.footer {
padding : 0;
}
}
@media all and (max-width : 850px) {
a#cav:before {
content : "Cavendish Lab";
}
div#TCMtab {
width : 130px;
height : 6px;
}
}
ul li {
padding : 4px 0 4px 0;
}
span.uld, ul.drop a {
display : block;
color : black;
text-decoration : none;
padding : 5px 10px;
}
span.uld:hover, ul.drop a:hover {
color : #fff;
}
ul.drop, ul.drop li, ul.drop ul {
list-style : none;
margin : 0;
padding : 0;
background : #dddddd;
color : black;
}
ul.drop {
position : relative;
z-index : 500;
float : left;
}
ul.drop li {
float : left;
line-height : 1.3em;
vertical-align : middle;
background : #dddddd;
padding : 0;
}
ul.drop li.hover, ul.drop li:hover {
cursor : default;
position : relative;
background : #900;
color : #fff;
}
ul.drop ul {
visibility : hidden;
position : absolute;
top : 100%;
left : 0;
}
ul.drop ul li {
float : none;
background : #e0b0b0;
}
ul.drop li:hover > ul {
visibility : visible;
}
div.reflow {
width : 100%;
height : 0;
}
.tab-link:hover {
background : #900;
color : #fff;
}
figure.subfigure {
width : 33%;
min-width : 240px;
float : right;
margin : 10px 10px;
background-color : #ffffff;
}
@media screen and (max-width : 480px) {
figure.subfigure {
width : 100%;
float : none;
margin : 0 0;
background-color : #ffffff;
}
}
figure.subfigureleft {
width : 33%;
min-width : 240px;
float : left;
margin : 10px 10px;
background-color : #ffffff;
}
@media screen and (max-width : 480px) {
figure.subfigureleft {
width : 100%;
float : none;
margin : 0 0;
background-color : #ffffff;
}
}
figcaption {
font-family : arial, Gadget, sans-serif;
color : #666666;
font-size : 14px;
text-align : justify;
}
a#privacy:link {
color : #cccccc;
text-decoration : none;
}
a#privacy:visited {
color : #ff9090;
text-decoration : none;
}
a#privacy:hover {
color : #ff9090;
text-decoration : none;
}
a#privacy:active {
color : #ff9090;
text-decoration : none;
}
a:link {
text-decoration : none;
color : #b80000;
}
a:visited {
text-decoration : none;
color : #b80000;
}
a.white:link {
color : white;
}
a.white:visited {
color : white;
}
h1 {
font-size : 22pt;
text-align : center;
font-weight : normal;
color : #ffffff;
text-shadow : black 3px 0, black -3px 0, black 0 3px, black 0 -3px, black 5px 0, black -5px 0, black 0 5px, black 0 -5px, black 2px 2px, black -2px -2px, black 4px 4px, black -4px -4px, black 2px -2px, black -2px 2px, black 4px -4px, black -4px 4px;
position : absolute;
top : 20px;
left : 108px;
right : 0;
line-height : 1;
padding : 0;
margin : 0;
}
h1 a:visited, h1 a, h1 a:link {
color : #ffffff;
}
h1 {
display : inline-block;
min-width : 177px;
width : 860px;
max-width : 50%;
text-align : center;
margin : 0 auto;
}
@media print {
h1 {
display : none;
}
}
p.footer {
padding : 0 0 0 0;
margin : 0;
border : 0;
color : #bbbbbb;
}
div.footer a:hover {
color : #ffffff;
}
div.footer a {
color : #bbbbbb;
}
div.pop_out {
display : inline-block;
border : 1px solid #c0c0c0;
padding : 10px;
margin : 5px 5px 10px;
background : #f3f3f3;
box-shadow : 2px 2px 6px #808080 ;
}
div.modified {
width : 100px;
height : 16px;
font-size : 12px;
padding-left : 3px;
border : 0;
}
.f_res {
max-width : 40%;
float : right;
}
.f_res > img {
max-width : 80%;
margin : 10px auto;
display : block;
}

↑ 최상위