psywalker

Оп)

я 5-ому контейнеру поставил .h5{ clear:both; } Только если уменьшать окно браузера 4-ый встает с новой строки а 5-ый под ним, а мне нужно чтоб при уменьшении окна браузера 5-ый div вставал с лево за 4-ым Тогда откажись от float в пользу inline-block

А на css есть свойство?? Только для webkit-браузеров.

clear: both?)

Кстати, прежде чем клепать для каждой такой задачи overflow: hidden, следует для начала прочитать о том, почему он вообще помогает и что делает в этой ситуации, а так же узнать и рассмотреть и другие способы. Просто я давно заметил, что все советуют вешать именно overflow: hidden, не задумываясь, зачем он и почему. Мне, например, Илюхин метод нравится, но и то, несмотря на его универсальность, я всегда выбираю подходящий способ для конкретной ситуации. Абсолютное позиционирование редко когда используется для построения каркаса, потому что предназначено совершенно для других целей. Относительно каркаса, я бы с помощью position: absolute делал, например, псевдо-колонки, но только в качестве заднего фона. Но верстать весь сайт на нём жестоко)

Имхо, это просто такая сложившаяся привычка из старых времён. Сейчас это уже неактуально. Но несмотря на это, элементы формы, а в частности поля, я бы часто лучше вкладывал в элементы <div>. Таким образом их порой легче стилизовать и т.д. Но нужно смотреть по ситуации.

Нет, важно! Нужный нам раздел спецификации. В конце раздела есть примечание по теме: "Что означает примерно: Текущая спецификация не полностью определяет взаимодействие :before и :after с замещаемыми элементами (изображениями, полями формы и т. д.). Это более детально будет определено в будущей спецификации." Отсюда можно сделать вывод, что браузеры могут поступать так, как хотят. На данный момент генерируемый контент в замещаемых элементах поддерживает/ла только Opera. Сделал тестовый пример, что-то уже нигде ничего не пашет Так что важно, что именно ты используешь в этом плане, ссылка или кнопку

http://jsfiddle.net/VDPsY/9/ - ну и чё?)

Погоди, а чем тогда мой вариант не угодил? Не, просто интересно, что именно в него нужно добавить из твоей идеи, чтобы вариант не прокатывал?

http://jsfiddle.net/VDPsY/2/ Ааа, ты хочешь, чтобы блоки стояли рядом что ли просто, а не находились один в другом? Но при этом высоты были, как первый, главный, верхний? Или в твоём примере мой блок вообще не должен присутствовать?

RodgerFox, Держи код на сервис) http://jsfiddle.net/ - покажи пример и опиши подробнее чё ты хочешь) Этот вариант точно не подходит?

Какой js? Ты походу спишь в одном ботинке, правда) Вот весь код: .block { position: relative; border: 1px solid #000; width: 200px; } .block:after { position: absolute; width: 100%; top: 20px; bottom: -20px; right: -20px; border: 1px solid red; content: ''; } Я так наал делать с самого начала, но почему то не получилось. Первый способ писал. Странно почему так, тупо не отображаются не один афте или бифо. Почему так может быть? Создал и новый документ все заново, бесполезно! Куда копать? Потому что ты ставил высоту псевдоэлементам в процентах, которую им неоткуда было высчитывать. А я сделал через смещения: top, bottom. Просекаешь?) Главный блок должен быть резиновым. А он ща какой по высоте по твоему?) p.s. короче, если так не пашет, тогда я не понял задачу((

Какой js? Ты походу спишь в одном ботинке, правда) Вот весь код: .block { position: relative; border: 1px solid #000; width: 200px; } .block:after { position: absolute; width: 100%; top: 20px; bottom: -20px; right: -20px; border: 1px solid red; content: ''; } Я так наал делать с самого начала, но почему то не получилось. Первый способ писал. Странно почему так, тупо не отображаются не один афте или бифо. Почему так может быть? Создал и новый документ все заново, бесполезно! Куда копать? Потому что ты ставил высоту псевдоэлементам в процентах, которую им неоткуда было высчитывать. А я сделал через смещения: top, bottom. Просекаешь?)

В вёрстке "отзывчивых" сайтов, с текстом нет проблем, последний прекрасно подстраивается под размер своего контейнера. Но как быть в этом плане с медиафайлами – картинками, видео- и аудио-плеерами? Хотите узнать? Тогда вперёд к нам на сайт! Краткий обзор гибких Медиафайлов

Какой js? Ты походу спишь в одном ботинке, правда) Вот весь код: .block { position: relative; border: 1px solid #000; width: 200px; } .block:after { position: absolute; width: 100%; top: 20px; bottom: -20px; right: -20px; border: 1px solid red; content: ''; }

И тогда по идее нижний сдвинется вместе с содержащимися боксами. Я бы так делал лучше

Николя223, Кстати, советую почитать эту статейку, где можно увидеть всякие подводные камни по теме.

А чем это грозит при блочной верстке, кроме расплывшейся таблицы в самой статье (ноде)? У меня выводимый в основном блоке контент обернут в overflow:hidden, поэтому за боковые границы ничего вылезти не должно. Поправьте, если я неправ. Если сама по себе разъехавшаяся таблица не настораживает, тогда нет, ничем. здравствуйте. похоже у меня похожая ситуация - float+вертикальное выравнивание. только на блоках (меню по центру, а картинка 38 лет задирается вверх). пробовал в разных вариантах с display, vertical-align, но не хватает понимания. Прошу помочь разобраться. Поиграйся со стилями. #topnav .moduletable { display: inline-block; vertical-align: middle; } #experience { display: inline-block; text-align: right; vertical-align: middle; width: 450px; } #experience a { background: url("../images/38.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 23px; width: 225px; }

Да, это их старый баг ещё. Многие уже обращались с этой траблой. Мой совет, сделать обёртку полю и стилизовать уже её.

Никак. Слишком уж большие различия. Сто пудово дело в кривой вёрстке.

Всё правильно. Это известная штука, которая называется Схлопывание margin'ов. Вот тебе полезная статья по теме. Изучай.

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

Да ,но я не владеть JS, JQuery. Я только базово понимать что вы делаете,наверное: Прикрываете стандарт -> накладываете свою форму -> добавляете блок с текстом -> JS как-то заносит название файла в переменную -> JQery заносит это значение в значение блока. Я ,конечно , пробовать как-то перенести его вниз ,но не вышло <_</> Нуу, дружище, тебе уже показали несколько рабочих вариантов решений, считай код написали, как бы уже и самому пора бы за дело взяться, не находишь?

Да это баг какой-то) Я бы посоветовал делать так: #menu li:hover a { color: #ffffff; height: 30px; background: #cacaca; display: block; }

А где закрывающий тег </ul>? и давай ссылку на рабочий пример.