USF

http://htmlbook.ru/css/table-layout ?

если откинуть мысль о том, что зеленый верх будет сливаться с зелеными буквами, что мешает сделать спрайт из 2х изображение и на ховере изменить background-position?

буду иметь в виду

насколько помню то opacity наследуется так, что все дочерние получают прозрачность родителя и при этом не могут быть переопределены. в связи с чем получается, что проще сделать полупрозрачным фон.

<br> это просто перенос строки. отступ делайте для элементов содержащих данные

понял, огромное спасибо, отлегло на душе

да, но если убрать у абзаца line-height, то получается что в итоге 1 умножается на 16 (если у body 1em). а так вроде понял

похоже на схлопывание. попробуйте задать границу 1px цвета фона

Я уже создавал тему с подобным вопросом - http://forum.htmlbook.ru/index.php?showtopic=39156&st=0&p=276197entry276197 И мне дали вполне понятный ответ. Но вот сегодня меня кое-что опять загнало в тупик. Итак, возьмем тот же код http://jsfiddle.net/usfe/u8TCq/2/ При использовании у body line-height просто число пересчет line-height для абзаца происходит после наследования(то есть наследуется 28px шрифта и умножается на 1). А в случае EM перерасчет происходит ДО наследования, то есть эта 1 умножается на 16 пикселей от body. НО! Если теперь 1EM прописать для <p> то итоговый line-height внутри абзаца, как можно догадаться, станет именно 1*28, хотя по той логике, что я описал выше, оно должно было пересчитаться до наследования, а у абзаца шрифт все же 16 в тот момент, а не 28. Как это объяснить?

отступы в процентах считаются от ширины

overflow уберите

а разве просто цвет для класса active, который будет у всего дерева выбранного, не канает?

%

только картинками.

сделать 2 отдельных и разместить слева и справа фоном для 2х оберток.

у нас так же. и все логично вполне там ширина выставлена 70%. а блок 100% , поэтому блок и растянулся

лучше всего поможет код, который есть уже. теория теорией, а 100 грамм пары строк кода не разобраться

а чем css аналог тени не устраивает? работает даже в ie с небольшими свистелками

ну если еще немного на эту поискать и не полениться, то обнаружится интересное свойство min-height

height 100% не?

не совсем. если внутри все элементы имеют float left или right, то они "вне потока" и в расчете высоты блока не участвуют.

внутри него float элементы? очищайте поток. overflow: hidden для блока или :after {content: ''; display: table; width: 100%;clear: both;}

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

приведенный мной код масштабирует рисунок, а не обрезает. зачем резать, если можно масштаб изменить пропорционально

а чем вас масштабирование рисунка не устраивает? img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }