psywalker

Поэтому я и предложил тупо "Живой пример". Тем самым убиваем сразу нескольких зайцев: убираем название JSFiddle, а значит что примеры могут быть на разных подобных сайтах, и даём понять юзеру, что здесь можно пощупать и поиграться с живым наглядным примером.

Обоснуй.

Живой пример

Да, мне очень понравилась. А сколько у вас стоит час обучения?

webmasterFast, а как вы понимаете по названиям id, какой блок за что отвечает?

Влад, ещё кое что не очень приятное в плане читабельности. При маленькой ширине в браузере мы видим след. картину: А было бы здоровое, если бы картинка (в данном случае фиолетовый квадратик с птичкой))) находилась бы поверх текста, тогда текст было бы удобно читать намного.

1. IE самый узнаваемый значок имеет. Я так щетаю! 2. Скинь мне скриншот, если сможешь, гляну что не так 1. Я понял. Просто я к тому, что у меня этот значок ассоциируется с браузером, а не с вёрсткой. 2. Оказывается с подвалом траблы не только на мобильных. Скриншот: Вот на такой ширине было бы здорово делать две колонки, а не три. Ибо, если бы в первой колонке был пункт "О сайте", во второй всё остальное, что сейчас находится в двух последних, то колонки бы и по высоте совпадали +-, потом не было бы сливания двух последних, и читабельность повысилась. 3. Кстати, ещё вот заметил кое что: Хотелось бы, чтобы при наведении на эти пункты они как-то выделялись или хотя бы появлялось подчёркивание что ли. Сейчас при наведении просто меняется курсор.

Имхо, это дань 90-ым). Вдруг элементы высотой будут больше чем один миллион пикселей. А вообще, это наверное приём, который входит в вышеприведённую "технологию вёрстки")

1. Влад, а почему в пункте "Вёрстка" значок браузера IE?) 2. На счёт мобильных: захожу на телефоне, всё вроде ок, единственное подвал себя плохо ведёт, а точнее там получается три колонки и вторая сливается с третьей. Вот это бы нужно поправить.

Да, жестокая вёрстка конечно)) Вот ЭТО "id="div53", да ещё и повсюду, вообще убило наповал)

Вдруг.

Есть, кстати, хороший вариант, который лишён многих недостатков других решений.

А мне вот ещё по дизу не нравится, что справа третьего ряда пустое место. Было бы здорово сделать так, чтобы в таких случаях последний пункт растягивался на два блока. + блоки в первом ряду разной высоты.

Логическим объяснением могла бы быть перестраховка ради браузеров, не понимающих псевдиков CSS1 . Ископаемые префиксы вроде бы тоже за гипотезу о перестраховке. Но я таких браузеров, которые бы не понимали псевдиков и понимали box-sizing (пусть и с префиксом), не знаю Понял, ребята, спасибо!

Рашид, а почему бы не написать это правило один раз? *, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

А зачем такое делать с картинкой? Разве нельзя воспользоваться ей как положено или вместо неё заюзать аля span?

С шириной костыльно же будет. Нет? Возможно для конкретной задачи это будет костыль. Я лишь предложил вариант, а дальше уже автор пусть сам выбирает, какой ему больше подходит для решения его задачи.

Можно ещё так попробовать: width: 0; overflow:hidden;

А вы читали, для чего нужен box-sizing?

У него примерно так было: http://jsfiddle.net/wzccwfye/ 404

Видимо их уже убрали)

Мда уж... я такое впервые вижу за свою практику. Имхо, раз такие вещи творит программер или секретарша, то ни в коем случае значит их подпускать к html нельзя!

Несмотря на это милое создание, я всё-таки отвечу вам "Нет". По правилам форума посты не удаляются по просьбе их авторов. + ещё нельзя удалять потому, что пост уже попал в поисковые системы и в поиск на форуме. Поэтому прежде чем задавать вопросы на форуме, сто раз подумайте, а лучше попытайтесь найти решение сами, как вы и делаете, но уже после того, как создали пост.

и куда это вставлять? и что дальше делать? (в style.css) вставил.. ничего не изменилось Т.е. за вас вообще ВСЮ работу сделать?