2009-08-18 3 views
2

Ниже у меня есть 2 CSS-кода для div, обратите внимание, что у первого нет даже div на странице или НИЧЕГО с его именем на нем. Я также могу переименовать его во что угодно.Самая странная проблема css, которую я когда-либо видел

Теперь, когда приходит странная часть. Второй бит кода ниже имеет ширину 520 пикселей, единственный способ, которым div на странице будет 520 пикселей, если я оставлю код CSS, который выше этого, первый один без существующего div на странице HAS, чтобы быть на странице для второго кода CSS, чтобы работать, Сначала я думал, что это должна быть проблема кэширования браузера, поэтому я очищаю свой кеш, и это ничего не делает, я затем попробую 2 других браузеров, и все они имеют одинаковый результат.

Я добавляю 1-й бит кода на страницу, а второй бит работает, я беру первый бит, а второй бит не работает. AM я что-то забыл?

.commentwrappsdfsde2{width:950px;margin:0 0;padding:0;} 

.commentwrapper{width:520px;margin-right:auto;margin-left:auto;} 

Вот весь код страницы

<style> 
<!-- css for user photos--> 
div.imageSub img.female { border-top: 1px solid #FF3399; } 
div.imageSub img.male { border-top: 1px solid #3399FF; } 
div.imageSub img { z-index: 1; margin: 0; display: block; } 
div.imageSub div { 
    position: relative; 
    margin: -15px 0 0; 
    padding: 5px; 
    height: 5px; 
    line-height: 4px; 
    text-align: center; 
    overflow: hidden; 
font-family:Trebuchet MS,Helvetica,sans-serif; 
font-size:12px; 
font-weight: bold; 
} 
div.imageSub div.blackbg { 
    z-index: 2; 
    background-color: #000; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
    filter: alpha(opacity=70); 
    opacity: 0.5; 
} 
div.imageSub div.label { 
    z-index: 3; 
    color: white; 
} 
<!-- end photo block--> 
/* Comments */ 
.commentwrappsdfsde2{width:950px;margin:0 0;padding:0;} 
.commentwrapper{width:520px;margin-right:auto;margin-left:auto;} 
#comments ol.commentlist li { list-style-type:none; padding:20px; background:none; } 
#comments ol.commentlist li.thread-even { background:#f6f6f6; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } 

#comments ul.children li ul.children,#comments .commentlist{padding:0;} 
</style> 

<div class="commentwrapper"> 
<div id="comments"> 
    <ol class="commentlist"> 
    <li class="comment thread-even " > 
    Comment 1 
    </li> 
    </ol> 
</div> 
</div> 
+0

Может ли это быть: 0 0; бит в первом классе CSS? Что происходит, когда вы удаляете это свойство? – Kirtan

+0

, похоже, не – JasonDavis

+0

Я не могу воспроизвести это в FF 3.5. – balpha

ответ

11

Рискну догадку, что CSS перед этим первым один имеет неверный формат, то есть имеет неправильный синтаксис, как отсутствующая закрывающую скобка. В таком случае утверждения могут быть пропущены до следующей допустимой закрывающей скобки. Ваше утверждение бессмысленности «исправляет» синтаксис, поэтому без него оператор .commentwrapper пропускается.

+0

Я думаю, что вы правы, спасибо – JasonDavis