Arinden

Держи + . В общем да, я понял суть, что каждую ситуацию нужно рассматривать отдельно. Я попробую подобрать несколько ситуаций и воссоздать их в песочнице при помощи float, как я обычно это делаю, чтобы попросить вас указать на мои ошибки и то, как будет сделать правильнее. Думаю это будет ближе к делу, чем абстрактные вопросы вида, а что было бы если бы. Чёрт, только что это заметил. Рано радовался на тему display: table-cell; открыл в IE-7 и "обрадовался". Тогда в чём смысл использования display: table-cell; вместо таблицы, если это не кроссбраузерно?

Я имею ввиду, что приходится использовать display: inline-block; с той же переодичностью, что и float. про position я имею ввиду, что это предлагается, отчасти, как альтернатива float. в том то и дело, что то, что я делал - это n-ное количество блоков, фиксированного размера, которые располагаются в строгой последовательности. И получается, что именно для этого случая можно использовать флоат. Учитывая информацию по вашей ссылке - это иногда и единственный выход. Сейчас сделал простейшую форму с использование display: table-cell; вместо float. Это правильнее?

Спасибо, изучим.. Прописываете это свойство для каждого блока? А если у меня сайт пиксель-перфект? Без резины. В чём разница задам я центральной колонке флоат лефт к левой колонке, которая в свою очередь флоат лефт к врапперу или задам ей position? =\

Вот о чём я и говорю. У меня для каждого блока расставлен флоат. Но что мне предлагается, использование табличной вёрстки? Все говорят что так делать не надо, но никто не говорит как делать надо. Может кто-нибудь на моём примере в песочнице показать, как можно удалив float'ы сохранить данную структуру шаблона, чтобы это было "профессионально"? Типа так? Удалил все флоаты, заменил на position: absolute; Неужели так лучше?

VMware Workstation - хорошо, но "платно". VMware Player - тоже самое, менее функционально, но бесплатно. Oracle VM Virtual Box - альтернатива для ассортимента. Ничто Вам не мешает поставить по одной актуальной версии каждого браузера на свою машину, а более ранние версии тестировать на виртуальных.

Мне даже не пришло в голову попробовать height вместо, min-height. Действительно, поведение в данном случае абсолютно схоже с min-height. Очень ценное замечание. Спасибо. Теперь всё работает. Softlink, у меня там не проценты, а пиксели... Максим, я делаю блоки для комментариев и на случай, если человек оставил комментарий меньше пары строк, чтобы блок сохранил свою стандартную высоту.

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

$(document).ready(function(){ var x=3; $(".dropdown").click(function(){ var y = $(this).prop("value"); if(x==3){ $(this).next("ul").slideDown("fast"); $(this).prop("value","1"); x = $(this).prop("value"); } else if (x==y) { $(this).next("ul").slideUp("fast"); $(this).prop("value","0"); x=3; } else { $(".dropdown").next("ul").slideUp("fast"); $(".dropdown").prop("value","0"); $(this).next("ul").slideDown("fast"); $(this).prop("value","1"); x = $(this).prop("value"); } }); }); Иначе не знаю как. Я в JS ничего не смыслю... Зато работает.

Там проблема, если кликать на одно и тоже меню. Думаю над исправлением.

var x = 0; $(".dropdown").click(function(){ if(x!=0){ x.next("ul").slideUp("fast"); } x = $(this); $(this).next("ul").slideToggle("fast") .siblings("ul:visible").slideUp("fast"); $(this).toggleClass("active"); });?

Вот ещё один пример проблемы подобного плана. =\

Здравствуйте. Хотел поинтересоваться касательно использование свойства float. Дело в том, что в интернете вижу постоянно статьи о том, что люди вообще не используют данное свойство при вёрстке своих макетов, а у меня вот с точность до наоборот. Я использую float чаще, чем любое другое свойство. И не могу понять, как можно по другому. Пытался найти статьи в интернете не особо что нашёл. Но вот представим ситуацию сайта, состоящего из трёх колонок. Каждой колонке я присваиваю свойство float: left; чтобы отобразить их рядом, плюс к блокам внутри левой колонки свойства флоат, для техже целей. В конечной счёте получается, что float установлен абсолютно для всего и я правда не понимаю как можно написать сайт и не использовать свойство флоат. P.S. Часто мне приходится применять float по аналогии с футером. Пока не поставлю float - блок вообще летает не понятно где.

Проверил, на jsfiddle Работает, а вот у меня на компьютере в свежесозданном .html - нет. В бади один див ставлю. В css теже свойста, и min-height без флоат не работает. =\ Нашёл, вот если один див удалить - перестаёт работать.

Добрый вечер. У меня возникла проблема следующего плана. Имеем div с мультилайн текстом. Требуется вертикальное выравнивание, при наличии свойства min-height Буду рад вашей помощи.

.tooltip img { width: 97px; height: 133px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 5px; -khtml-border-radius: 10px; overflow: hidden; }

Спасибо большое, более чем достаточно. Ещё буду дорабатывать, если вдруг что - сюда отпишу. Пока похоже, что подходит!

.tooltip { position: relative; width: 97px; height:133px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; overflow: hidden; }

Добрый вечер. Это опять я, со своими дилетантскими проблемами. На этот раз проблема в следующем: имеется три блока внутри общего, один из блоков имеет постоянный контент, но ни у одного нет заданной высоты. Необходимо сделать так, чтобы все блоки были одинаковой высоты. Буду рад вашей помощи.

Доброго времени суток. В общем, у меня как всегда критика. В очередной раз отмечу, что мои идеи и критика - это моё сугубо личное мнение, как непрофессионального человека. Поэтому, извините, если где перехожу ваши взгляды и интересы. 1. favicon для издательского дома советских учебников с первого по третий классы. 2. доменное имя непрезентабельное, ну не красивое оно, более того, оно не вызывает ни интереса, ни желания открыть, ни, уж тем более, доверия. 3. Логотип нулевой. Даже если вы придумали там задумку с системой Си, так оформите её так, чтобы я проникся уважением и интересом к данной идее. Что такое 1024? количество мб. оперативной памяти вашего первого компьютера? Правда, не понятно. 4. Слоган не оформлен. Слоган не вызывает абсолютно никаких эмоций и понимания того, где я. Даже банальное "Для Вас, y1024 умещает новости в 2 строчки" (придумал за 10 секунд), звучит интереснее. И логотип (если придумать), можно разместить как раз в этом слогане, вместо "y1024". 5. Контент область сайта выглядит так, как будто на сервере не хватает .css файла. Выделяются лишь редкие ссылки. Всё едино. Глаз не цепляется ни за что абсолютно. Придумайте красивое и лаконичное оформление. Тот же самый твиттер: простой дизайн, а читать приятно и удобно. Берите пример. 6. Дату можно писать как 19 Фев. 2012 (Янв.,Дек.),в общем, сокращать месяца. Может, если нет картинок, хотябы даты оформите красиво (как нибудь так. Ведь, если я пришёл на ваш сайт новостей, я должен быть в курсе их актуальности. Подобная иконка скажет за себя, как нельзя лучше. 7. У вас минимализм крайней степени. Я надеюсь, что в дальнейшем будут появляться определённые возможности (продлевающие моё времянахождение на сайте), в т.ч. страницы, какие-то элементы управления и пр. 8. Раз нет кнопки "Читать полностью" сделайте кнопку (возможно в виде интересной иконки), по нажатию которой будет выполняться точный запрос (_blank) в поисковике, по которому я буду в состоянии выбрать из результатов поиска сайты, на которых я хочу более детально ознакомиться с новостью. Возможно меня будут спрашивать о моём любимом поисковике, и искать там (сохраняя мой выбор в куки). 9. Футер нулевой. Кто вы, что вы. Да хоть имя и фамилию напишите, я не знаю. Компановка должна быть. Слишком много неиспользованного места (и это не ваша "цель") - это недоделанная работа. А ваша идея может быть сохранена и при более насыщенном дизайне. 10. 3 новости в день - это вы сами понимаете как называется. "Медведев преодолел рубеж в 1 млн читателей в Твиттере." - это новость из мира высоких технологий? Скажу вам, как "поставщику услуг" в сфере сми: мне достаточно один раз зайти на ваш сайт, получить такое "качество" новостей и этого будет достаточно, чтобы я к вам никогда больше не вернулся. Если у вас есть идея "краткие новости из мира выс.тех." - так придерживайтесь её и делайте так, чтобы было интересно, чтобы ваша идея вызывала уважение пользователей. А пока, вы их подводите.

После тысячи попыток переделал то, для чего это предназначалось и оставил простой вариант с if. Да у меня как всегда, код в коде и, из-за моих весьма поверхностных знаний, остаётся слишком мало вариантов для реализации одного внутри другого. Плюс ко всему, .toggle это лаконичное и современное решение, да и потом я был так близок к цели, всё же работает, только по необъяснимой причине нет галочки...

Большое спасибо за старания, но так не подходит. Нужно именно через toggle. Я вот чуть переделал. Картина получается странная. Заметил что если добавлять alert('Hello!');, то перед исполнением изменений с #pr - галочка всё-таки стоит!, тоесть она на долю секунды появляется, а затем исчезает! И в комментарии там другой код, с ним вообще весело: кликаем на слово привет - работает. А наоборот не работает. =\

Добрый день. Возникла проблема подобного плана. Скрипт выполняется отлично, а вот "галочка" в checkbox не ставится. Перепробовал кучу вариантов, в JQuery не особо разбираюсь. Реализацию дал в качестве примера, но необходим именно этот скрипт, я имею ввиду что код для смены <label for> и любые другие мне не нужны. Буду рад вашей помощи.

Перекодируйте файл в UTF-8.

Добрый вечер. Прошу помочь, если кто знает. Проблема в следующем, div #rules, имеет position:absolute и выравнивается по центру при нажатии на #read, но если страница с прокруткой, то поп-ап открывается по центру, но в самом верху страницы, а не по центру видимой области. Решение: задать position: fixed Проблему решил, не актуально. Всем спасибо.

А для чего сделана резина по вертикали? Футер всегда прижат к низу браузера, но в чём такая необходимость иметь его всегда "под рукой" (другое дело иметь главное меню вверху экрана, посмотрите сайт ведомостей, от этого может быть польза, да)? По мне так резина по горизонтали куда более необходима. И то, вот у вас сайт по ширине 1000px. Это влезет даже на монитор с разрешением 1024 х 768 px. Как раз 1000 пикселей + ширина скролл бара. А вот вертикальная резина закрывает контент, тоесть идея в том чтобы скролл бар был не браузеровский, а исключительно для контента? А если бы у меня был монитор 1024х768 мне бы было ещё неудобнее всё это просматривать. Не знаю, не вижу проблемы делать сайт длиннее высоты экрана.