Верстка прыгает

С таким свойством вряд ли будет работать.

Из поставленного вопроса ничего не понятно. Пример кода покажите.

почему? если вы указываете на некоректное написание, то это я только для темы, по факту стильтакой:

.главный див img, {

width: 100%;

}

#внутренний див img, {

width: 200px;

}

да и все уже работает, только не понятно почему браузер иногда берет значение главного блока, а потом уже переключается на правильное - внутреннего блока

Вам помощь нужна? Или хотите погадать на картах таро?

Пример кода - это не выдернутый из контекста CSS, а модель шаблона на html + css.

хорошо, вот код:

css:

.main img, {

width: 100%;

}



#block {

width: 200px;

}

html:

<div class="main">



<div class="category">

            <li id="post" class="block">

                <div>

                      <img width="350" height="457" src="img/2_1-copy.jpg"  alt="" title=""> 

                </div>

                    	                    

             </li>

  

    </div>

</div>

При первом заходе применяется правило 100% и картинка растягивается на весь экран, а при перезагрузке уже принимает ширину в 200px...

Так попробуйте.

спасибо, такой вариант я рассматривал, но все сделано не просто так, если я уберу это свойство для картинок, то тогда в других местах шаблона вид испортится :)

вот это тут работать не будет

да, ошибся... заменил # на .block, размер правильно задается, но главный вопрос (почему иногда не учитывается это правило) не решен :(

Нужно смотреть весь код. А не отдельные отрывки.

зачем размеры картинки если принудительно их ставите 100% от 200px, т.е 200px?

Попробуйте эти 2 атрибута местами поменять