div id 태그가 tumblr 테마에서 작동하지 않습니다

Question

죄송합니다, 아마도 "멍청한"질문 일 수도 있지만 여기에 있습니다 ... 내 tumblr 테마의 사이드 바에 헤더를 수정합니다. 나는 새로운 클래스를 만들었지 만, 그 인스턴스에 대해서만 사용하려고했기 때문에 ID를 만들 수 있다는 것을 깨달았다.

<div id="left"><div id="bigborder"><center><a href="/">Untitled</a></center></div> 

에

<div id="left"><div class="border"><center><a href="/">Page Title</a></center></div> 

및 단어는로 복귀 : 이전 DIV 클래스 태그가 어디에

#bigborder {font-size: 13px; height: 25px; padding: 2px; letter-spacing: 2px; text-transform: uppercase; color: #999; background-color: #222;} 

내가 그것을 배치 : 나는 새로운 ID를 생성 본문 텍스트의 기본값.

여기에 참조하는 페이지에서 전체 CSS입니다 :

<style type="text/css"> 

    iframe#ask_form {height: 150px!important;} 

    img, img a {border: none;} 

    body {font-family: offside; font-size: 7pt !important; color: #e4e4e4; background-color: #222; background-image:url(''); background-attachment: relative; margin-top:15px;} 

    a {color: #fff; text-decoration: none !important; -webkit-transition-duration: .3s; text-transform: uppercase; letter-spacing: 2px;} 

    #center {width:500px; background-color: transparent; padding:10px; margin: auto; font-size: 10px; margin-bottom: 20px;} 

    #right {top: 30px; left:50%; margin-left:268px; position:fixed; width: 150px; text-transform: lowercase; padding: 5px; background-color: ; -webkit-border-radius:5px;-moz-border-radius:5px 5px 5px 5px; } 

    #left {top: 30px; right:50%; margin-right:268px; position:fixed; width: 150px; text-transform: lowercase; padding: 5px; background-color: ; -webkit-border-radius:5px;-moz-border-radius:5px 5px 5px 5px;} 

    .desc {padding: 9px; margin-bottom: 7px; font-size: 10px; width: auto;} 

    .drop {margin-top: 5px; font-size: 10px;} 

    #qtm {margin: 5px; display: inline-block; font-size: 40px; float: left;} 

    #qt {margin: 5px; display: inline-block; font-size: 18px; width: 400px;} 

    #src {font-size: 10px;} 

    .entry {padding: 5px; background-color: #333; margin-top: 0px; margin-bottom: 20px; -webkit-transition-duration: .1s; -webkit-border-radius:5px;-moz-border-radius:5px 5px 5px 5px; overflow: hidden;} 

    .entry:hover #perma {display: block;} 

    .entry a {-webkit-transition-duration: .3s; color: #999;} 

    .entry a:hover {color: #fff; texxt-transform: uppercase !important;} 

    blockquote {border-left-width: 1px; border-left-style: dashed; border-opacity:.5; border-left-color: #666; padding:0px; padding-left: 5px; margin: 5px;} 

    .search {width: 140px; background-color: #dcdcdc; font-size: 10px; border: none; text-align: center; padding: 5px;} 

    .header {color: #fff; padding-bottom: 5px; border-bottom: 1px solid #444; margin-bottom: 5px; font-size: 25px; font-family: offside; -webkit-transition-duration: .3s; letter-spacing: 0px; text-transform: uppercase; text-align: center; } 

    h2 {color: #fff; margin-bottom: 5px; font-size:20px;font-family: offside; -webkit-transition-duration: .3s; letter-spacing: 0px; text-transform: none; } 

    .title { 
    font-family: offside; 
    font-size: 40px; 
    font-style: normal; 
    text-transform:none; 
    letter-spacing: 0px; 
    -webkit-transition-duration: .3s; 
    } 

    #perma {display: none; margin-top: 5px;} 

    .perma {text-align: center; background-color:; padding: 1px; font-size: 10px;} 

    .perma_info {margin-left: 5px; margin-right: 5px;} 

    .caption {margin-top: 5px; padding: 2px; background-color: font-size: 9pt; color: #e4e4e4;} 

    .nav1 {font-size: 20px; margin-top: 5px; padding: 5px;} 

    .nav2 {font-size: 20px; text-align: right; padding: 5px; margin-top: -34px;} 

    .ask {padding: 5px; z-index: 1000000000; font-size: 30px; font-family: offside;} 

    .q {background-color: #444; color: #fff; font-size: 12px;} 

    .tri {font-size: 12px; margin-top: -5px; margin-bottom: 3px; color: ; z-index: -1000; margin-left: 15px;} 

    .audio {width: 490px; text-align: center; background-color: #e4e4e4;} 

    .label {font-weight: bold; margin-right: 15px;} 

    blockquote p, ul{ margin:0px; padding:0px; } 

    ul, ol, li{list-style:none; margin:0px; padding:0px;} 

    .pages {margin: 5px 0 5px 0; text-align: center; line-height: 20px;} 

    .pages a {padding: 2px 4px 2px 4px; background-color: #444; -webkit-transition-duration: .3s; color: #fff;} 

    .pages a:hover {background-color: #222; color: #fff;} 

    .touch {text-transform: uppercase; margin-bottom: 5px; padding: 3px; background-color: #0e49ab; text-align: right; -webkit-transition-duration: .3s; color: #fff; font-size: 8px; letter-spacing: 2px;} 

    .touch:hover {background-color: #222; color: #fff;} 

    .navi {margin-bottom: 5px; padding: 3px; background-color: #ffffff; -webkit-transition-duration: .3s; color: #777777;} 

    .navi:hover {background-color: {color:Link Background Hover}; color: {color:Link Font Hover};} 

    .border {font-size: 13px; height: 15px; padding: 2px; letter-spacing: 2px; text-transform: uppercase; color: #999; background-color: #222; margin-bottom: 13px; border: #333 1px solid; -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius:5px 5px 0px 0px;} 

    .border a {color: #999; -webkit-transition-duration: .3s; width: 500px; } 
    .border a:hover (color: #fff;) 

    #bigborder {font-size: 13px; height: 25px; padding: 2px; letter-spacing: 2px; text-transform: uppercase; color: #999; background-color: #222;} 


    </style> 

그래서 제 질문입니다, 나는 그것이 내가 만든 사업부의 ID로 작동하지 않기 때문에 경계 크기를 변경 가겠어요 방법에 대해 설명합니다. 인용 된 오류가 있습니까?

Answer 1

이 줄에는 <div> 태그가 하나만있는 것으로 보입니다.

<div id="left"> 
    <div id="bigborder"> 
    <center><a href="/">Untitled</a></center> 
    </div> 

는 <div id="left">에 대한 닫는 </div> 태그가 있어야한다?

편집

나는 .border는 테두리 스타일이 설정 한 원래의 클래스 나타났습니다하지만 새 ID #bigborder 어떤을하지 않는 이유는 무엇입니까?