red4pony

121990, я спросил про проценты. Пиксели тут вообще не фигурировали. Что стопы задавать в явном виде не всегда нужно, то да. Но все равно какой-то ограничитель будет присутствовать(где-то есть вложенный элемент фиксированного размера, либо при достижении минимума будет загружаться другая таблица стилей ) чтобы все не схлопнулось в ноль

плиз не строй из себя умника.что тут непонятного? любое изображение не даст схлопнуться

Вроде бы ник мой.

Не в ноль, но в 4х4px легко. Или это можно рассмотреть?

Угу

плиз

Я мычания не понимаю.

Но выглядит коряво.

А резиновость оставляет желать лучшего.

А для чего Вы верстали эту страничку?

так лучше?

Да. <тут была чушь>

Теперь необходимо чтобы остальное тоже сжималось.

Возможно, так как ширина макета 1220px, а я старался "втиснуть" его в min-width:1024px.

Если Вы создаете резиновою верстку, то Вам необходимо абстрагироваться от пикселей. Нужно сохранить пропорциональность и переложить это на проценты.

121990, я спросил про проценты. Пиксели тут вообще не фигурировали. Что стопы задавать в явном виде не всегда нужно, то да. Но все равно какой-то ограничитель будет присутствовать(где-то есть вложенный элемент фиксированного размера, либо при достижении минимума будет загружаться другая таблица стилей ) чтобы все не схлопнулось в ноль

В чем конкретно не повезло?

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

По мне так резина только в %.А в em это эластичная верстка

min-width Вы тоже в процентах будете ставить? Ведь стопы это неотъемлемая часть "резиновости" сайта.

Изображения достаточно.

В главном меню пункты без стрелочек.

Плавный градиент в шапке нарушен.

Отступ справа в блоке мебель для персонала не соответствует макету.

Правая колонка не на месте.

Заголовок h5.price не должен быть прозрачным, прозрачным должен быть только фон.

Резиновость не очень. Чтобы сайт был резиновым необходимо указывать значения в относительных единицах (em, %).

Это то что сразу бросилось в глаза.

P.S.

Я использую clearfix для очистки, а что не так?

Вы внимательнее посмотрите на свой код и тот что предложил alexriz. В следующем своем посте он приводит ссылки не две статьи где подробнейшим образом все объясняется. И прочитайте комментарии к каждой статье.

Я думаю имелось ввиду нечто такое

Вот только пункты меню поменялись местами.

P.S. С размерами переборщил. Поправил

Макет можете показать?

Про очистку почитайте здесь

не очень понял. при чем тут dpi?

Я просто посмотрел на запись:

«uses 15 bits to store word-spacing as a fixed-point (2 decimals) integer»

И подумал что мониторы с разными dpi по разному распределяют пикселы по битам.

Думал что при большем dpi на 1 пиксель приходится меньше бит чем при меньшем dpi и за счет этого они (экраны) могут отобразить больше пикселей на 15 бит.

Я к тому что любой элемент по дефолту отображается в разных браузерах по-своему.

Хром Вам показывает фактическую ширину элемента, а фаерфокс ширину контента которую Вы установили с CSS.

Загляните в эту тему

Здесь Вадим Макеев пишет:

Его значение было установлено в «uses 15 bits to store word-spacing as a fixed-point (2 decimals) integer» (цитирую нашего инженера), т.е. в разумных рамках. В итоге, максимальное значение это 327.67.

Я так понял что максимальное значение 327,67 достигается только на экранах с большим dpi?

Да и почему 327,67? И Вы выбрали 11 точек (10 промежутков)? Наверное связано с разрешением 3280х2048?

Фактическая ширина .mainmenu = width + margin-left + margin-right + padding-left + padding-right + border-left + border-right = 960 + 0 + 0 + 0 + 0 + 1 + 1 = 962 *

Фактическая ширина .mainmenu-wrapper = 960px /*width родителя*/

А вот ширина контента .mainmenu-wrapper = width** - margin-left - margin-right - padding-left - padding-right - border-left - border-right = 960 - 0 - 0 - 2 - 2 - 1 - 1 =954px;

* справедливо для всех браузеров кроме IE7- (при блочной модели по умолчанию)

** width - ширина контента родителя (.mainmenu)

Ссылка

Да. Точнее сказать не исправлены, а не были взяты с собой.

Оба бага исправлены.

Спасибо.

content: '. . . . . . . . . . .'; Много точек тоже связано с косяком в опере

Не пробовали на новой Опере (Blink)?

Думаю многим было бы интересно узнать принцип работы этого bfc-fix. Не объясните? Или статья может где есть?

Думаю многим было бы интересно узнать принцип работы этого bfc-fix. Не объясните? Или статья может где есть?

1) zoom:1; /* Хак для IE 6 и 7 */ (* для того чтобы IE mac не видели?)

2) display: table, как и overflow: hidden создает свой контекст форматирования, но в отличае от него не обрезает выходящие за его границы абсолютно позиционированные элементы

3) За счет того, что в :after несколько точек и пробел между ними в 99 inches , этот элемент ни в одних реальных условиях не уберется в ширину экрана, браузер всегда будет растягивать таблицу во всю ширину. Ну а то, что высота элемента нулевая и все выходящее за его границы обрезается, не дает отображать точки.

4) overflow создает новый контекст форматирования, благодаря которому указанный элемент изолируется от внешнего контекста, что позволяет решать одну из задач очистки потока - позволять вложенным элементам с float растягивать своего родителя.

Помогли статья 1 и статья 2

Зачем нужны:

- height: 1%: /*для всех браузеров кроме IE?*/

font: .13em/0 sans-serif;

Использование позиционирования

Так же можно родителю прописать float:left/right;

Но вырывание элемента из потока для устранения проблемы с таким же элементом - не лучшее решение.

Предпочтительнее (ИМХО) считаются следующие варианты:

1. Добавление класса clearfix(group) для блока который идет после плавающего.
   
2. overflow:hidden для контейнера.
   
3. "Добавление" пустого блока с clear:both; с помощью псевдо- класса/элемента.
   

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

Вероятно о chm - справочниках.

Shader, перейдите на главную страницу сайта htmlbook.ru и в соответствующем разделе (HTML или CSS справочник) в конце странице (перед блоком комментариев) есть ссылки по которым Вы можете пройти и приобрести эти справочники.

В каждом браузере этот элемент будет выглядеть по-разному.

Чтобы одинаково отображался во всех программах необходимо прописать нужные Вам правила.

ом... как совместиться якорь и target="frame"?

Я может не совсем понимаю суть проблемы.

Создали мы список ссылок в одном документе и нам по щелчку на ссылке необходимо чтобы во фрейме открывался другой документ и прокручивался к требуемому месту. Так?

Если да, то не вижу проблемы. В документе который будет открываться во фрейме ставим <a name="name">First word</a>

А в пути у ссылки добавляем #name.

Самая последняя ссылка (ведет на якорь)

там прежде всего со скринридерами для слепых (в частности, JAWS) возникли какие-то проблемы

Так вроде бы есть WAI-ARIA для разрешения этих проблем... ?

Так а при чем тут поддержка браузерами outlinig'a(по сути термина)? Просто с помощью этого термина пытаются навести порядок в семантике.