amelice

По верстке мне понравилось. Указывать размеры к body не имеет смысла в вашем варианте. Ширина body и так 100%, а вот указание высоты в 100%, без указания высоты к html, не имеет смысла, высота боди в вашем случае сбрасывается в auto и будет равняться высоте содержимого.

+1

и что это даст? Флоат прижимает блок влево. Маргин не помогает - чтобы маргин сработал, нужно убрать флоат. Но как только я убираю флоат, исчезает бэкграунд-меню. все верно, бекграунд пропадает потому что блок .secondary-navigation не видит пунктов меню, которые тоже флоачены. Надо чтоб он их увидел. Убирайте флоат, и добавьте свойство overflow:hidden;

<meta charset="UTF-8"> нужно перед <title>.

Есть еще такой вариант http://jsfiddle.net/9Ek5e/2/ Может пригодится.

Спасибо и еще один нубский вопрос, я когда-то читала, что при автоматической компановки(width: auto) таблица медленно рендерится, так как должно произойти полное обследование контента и после того как все готово, браузер распределит пространство между элементами таблицы. Насколько это верно сейчас? И стоит ли вообще опасаться по этому поводу, когда обертываешь сегменты сайта, а не пункты меню?

http://f6.s.qip.ru/tOAcrI1N.png http://f5.s.qip.ru/tOAcrI1O.png

В таком случае, можно ли сказать что контент внутри блока с display: table-row; так же оборачивается в анонимный table-cell?

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

Хороший пример! У меня знания таблицы ограничивается на уровне создания меню. ( Поэтому интересно узнать, почему вы блоку .content присваиваете display: table-cell; а не display: table-row; ?

Мне без разницы - куда бы вы обращались. Откуда понятно? Телепатией не владею. Я рада за вас. Обращалась не к вам, если вы мои вопросы приняли как критику или как угрозу для вашей безопасности, то успокойтесь ) Я хотела просто узнать почему таким образом решили вопрос.

Ну чтож, круто Буду иметь в виду.

Зато ячейки будут одной длины, а почему бы .header-у не поставить min-width: 960px - как тебе нужно, то тогда ничего не будет разваливаться и все будет работать как нужно? http://jsfiddle.net/w95eY/10/

для начала, чтобы руководствоваться нужно: 1. узнать для чего предназначен тот или иной элемент. 2. какой у него синтаксис. Вам наверно непросто написали - зачем h3 внутри ul? Потому что по синтаксису ul может содержать только элементы li. http://www.w3.org/TR/html-markup/ul.html#ul

Спасибо, не знала задачу outline

Привет, поздравляю

а зачем все усложнять, если при добавлении незначительного контента в разметку все рушится? http://jsfiddle.net/4p85v/2/ в таком случае можно было обойтись обычным height-ом, без всяких псевдо-элементов. Хотябы будешь уверен, что до определенной высоты, не обрушится все.

http://i.imgur.com/3aApVr9.png уберите точку запятую после фигурной скобки.

Можете почитать тут про поведение разных элементов. Учитывая их возможности можно будет правильно их применять. про абсолют http://www.letscode.ru/absolute/ про флоат http://habrahabr.ru/post/136622/ инлайн-блок http://habrahabr.ru/post/117109/ Вот про форматирование блоков не знаю хорошей статьи, а хотелось иметь в копилке хорошую развернутую статью. Может кто подскажет.

Горизонтальный скролл потому что ширина контента 1350пикселей, при меньшем разрешении конечно появится

Вы не поняли. Перетаскивание height: 100%; c .content на .main ничего не даст. Потому что предок у .main боди, а для боди не задана высота, и опять блоку .main неоткуда брать высоту в процентах. КОГДА нужна высота окна для всего для обертки, то идет с самого начала- html, body {height: 100%}. потом только .wrap или в вашем случае .main-у указывать {height: 100%}. То есть должна быть цепочка, html берет 100%-ю высоту у окно просмотра, а body у html, а обертка у боди. Но, это когда нужно, а в вашем случае для чего вы берете высоту - 100%, у вас контента и так на две высоты окна?

1. неуместно ставите размеры. Значит не знаете как форматируется блочные элементы. Например, ширина блока .content равна 1350px, значит у потомков если вы не указываете паддингов, бордеров, маргинов такая же. не нужно всем потомкам указывать такую же ширину. По поводу высоты, здесь иная картина, нужно указать предку высоту, чтобы потомку можно было указать высоту в процентах. Поэтому если хотите указать блоку .content высоту 100%, то задайте высоту блоку .main. 2. не правильно используете позиционирование. 3. блоку с абсолютным позиционированием до лампочки на другие блоки, поэтому ему не нужно писать clear: both. 4. http://f6.s.qip.ru/tOAcrHNB.png

Решила почитать про эффекты css, давно скачала книгу "pro css3 animation". Ну вот руки дошли. Помимо других вещей которые происходят с трансформированным элементом, для меня было неожиданностью узнать, что: ДОМ остается без изменений. значения свойств трансформированного элемента такие как offsetWidth так же не меняются. место занимаемое элементом сохраняется. До этого не задумывалась что происходит с трансформированным элементом, а теперь после того как вижу, что действительно свойства позиции блока в документе не меняются - запуталась- что же происходит с блоком который трансформируется? То есть он в ДОМе такой же прямоугольник, несмотря на то какой он стал, а трансформированные области как нибудь регистрируются? а что если я хочу как то программно повлиять на эти области? http://codepen.io/amelice/pen/vgEFC это до трансформации http://i.imgur.com/rHJSZq7.png и после такой же. была тема http://htmlforum.ru/index.php?showtopic=48683#entry325636 по этому поводу в книге написано, что: The Webkit CSS3 Transform Aliasing Issue Early versions of Chrome and Safari (up to version 5.1) contain a rendering bug: when transforming some elements, the browsers will not antialias the edges of rotated or skewed HTML content, resulting in so-called “jaggies” or “staircasing” on the edges of images, as shown in Figure 2-4. There are various techniques for getting around this bug : • Apply a 1-pixel white border around the element. • Apply webkit-backface-visibility: hidden; to the element. • Add another transformation to the element, such as -webkit-transform: rotate(−10deg) translateZ(0);. Попробовала применить эти советы на том же примере: 1. http://jsfiddle.net/fHBg9/5/ 2. http://jsfiddle.net/fHBg9/4/ 3. http://jsfiddle.net/fHBg9/6/ Мне кажется первый совет устарел ибо не помогает, а справился хорошо самый последний.

можешь посвятить какого вида информации ищет? только среди проектов в гитхабе?

убрать высоту блока .product-info .description