Arthur

Приветствую всех. Есть такой код В блоках: container-1, и .container-2 все идентично. В блоках: .wrap-1, и .wrap-2 почти так же, за исключением блока .wrap-1 в котором добавлено overflow: hidden; Результат вы сами видите: .wrap-1 не позволяет container-1 выползти за его границы. В принципе по логике все ясно, просто я думал раньше что он вылезает вообще из общего потока на самый верх, но вопрос не в этом...а в том как это убрать, если мне нужно именно такие стили с overflow: hidden; и position: absolute одновременно?

Всем доброго времени суток!. Есть слайдер, который по разному отображает тень в IE9+(по бокам у элементов div.slider1 div.slide) в сравнении с тем же Firefox. Как быть?

xzarxzes Ясно. Спасибо. Да имел ввиду спрайт.

xzarxzes Спасибо. Какой-то хороший хаброчеловек писал об плагене фотошопа. Я попробывал вроде все работатет, но все же особых стилей не заметил, я и сам сразу сделал так как сконвертировал плагин. Как на ваш взляд такими плагинами пользоватся стоит или все же проще изображение вставить(мне изображение не нравится из-за http запросов, но если его поместить в сниппет)?

Всем доброго времени суток. Мой вопрос о тени элемента(как не странно). Тень бывает разной, ну например как у этой кнопки: Может не очень видно здесь, но у нее несколько теней разной степени прозрачности и это не размытие(а даже если и оно, не суть важно), ведь тени могут быть разнообразные, да и эмпирическим путем подбирать пол часа тень на кнопку даже если тень простая, не очень верно мне кажется. Есть ли инструмент который позволяет быстро из картинки например строить тень в css, или если нету, то как этот процесс ускорить? Или может быть проще просто кнопку сделать картинкой?

в html убери: height: 1px; в .container: height: 100%;

А если нету документации? или это редко бывает?

Я нашел слайдер, там где выстраивались 3 картинки друг возле друга и скрипт определял их ширину автоматически и писал ее через атрибут style в тег li. То есть вы имеете в виду что нужно было просто переопределить данные правила в css через !important. Корректро ли вообще использовать !important ?, да и в li атрибуты style и вся инфа в них лишняя, плюс, ну я не знаю, не валидный js ? Или как данные стили переопределить подругому? Я кстати просто зашол в js и удалил данный код, но ваш вариант мне нравится больше по скорости редакрирования слайдера, правда разве это не повлияет на скорость загрузки(из-за лишних пару десятков строк в js файлах, может и больше? плюс это !important в css) страницы?

Да действительно, так проще. А вообще, какой в наше время требуют кроссбраузерности? IE8 скоро вообще канет в небытие или ещё поживет старичок?

Решил сверстать кроссбраузерный прозрачный блок. Ссылка. Мне кажется слишком громоздкий вариант. А как бы сделали вы?

Это то понятно. Я не верстаю ниже 8го(я и пока для 8го не верстаю ). Дело просто в том что бы быть увереным что верстка будет везде нормальная. Как добится такой уверености?. Как вы этого добиваетесь?

Вопрос в следющем: Какие браузеры нужно иметь на компьютере что бы добиться максимальной кроссбраузерности, то есть, что бы можно было открыть сайт который я сверстал и подогнал под эти браузеры на любом компе(с ОС Windows, Mac(ну допустим это винда, не суть важно, главное что бы максимально среднестатистически )) при любой версии браузера и быть увереным что мой сайт там точно будет отабражатся как я сверстал(плюс-минус, но чтобы особых отличий небыло). P/S. У меня стоят: IE 6, 7, 8(в вируталной машине и IETester), IE10, IE9(эмуляция через IE10), и последние версии FF, Хром, Сафари, Опера. То есть 5 основных браузера. Но было такое что на моем 1м компьютере IE10 показывал одно, а на 2м IE10 показывал другое(правда в режиме эмуляции через IE11). Как так, это что какието субверсии и неужели эти субверсии могут так рознится между собой? Всем зарание спасибо!

в html файл поместите код и откройте в хроме.

<script> var boxes = document.getElementsByClassName("box"); for(var i=0; i<boxes.length; i++) { boxes.onclick = function() { document.body.style.overflow = "hidden"; document.onmousewheel = function (e) { e.preventDefault(); } } } </script>

Ну, как я понял отсюда, в старых браузерах это работает потому что эти самые браузеры подстраиваются к ошибкам в HTML, например, пропущенным кавычкам, и нормально парсят, например, вот такое: <META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=ISO-8859-1>А это по сути, и есть meta charset. То есть вы имеете в виду что строку: <meta charset="utf-8"> IE8 принимает за ошибку и в попытке её исправить переписывает эту строку как: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> ?

Кстати, да, сам только что проверил в IE8. htmlbook пишет что 9+ без 8(инересно как так, что он раньше не поддерживался, а теперь поддерживается или это просто опечатка?

Просто изначально думал про ie8, но потом понял что это на долго и отказался, а html5shiv забыл удалить. Если нужен IE8 и html5 не против такого указания кодировки(длинной я имею ввиду), почему бы не написать?

Сначала был плавающий элемент, потом переделал, но забыл убрать float: left.

Вообще интересные вещи происходят. На моем компе в котором стоит IE10 и даже при нормальной эмуляции IE9 слайдер не раобтает не в 9е не в 10е, но зато на втором компе там IE11 все отлично работает. Так же и в IETester на моем компьютере в режиме IE9 работает. Как же так может быть?

К сожалению там нету текстового слоя(в фотошопе просто лежит растрированый логотип. Я кстати тоже сначала так сделал пока не увидел что лого слитое с текстом). Но в любом случае h1 я бы не вспомнил добавить

http://jsfiddle.net/nw0ofks8/5/

Всем доброго времени суток! Есть такой код. И к нему такой вопрос(и к вам так же ): Почему картинка и текст на прозрачном блоке стали прозрачными и как это убрать?.

Спасибо. А вот что это за заголовок должен быть, который обернутый?.

Верстка. Прошу оценить: -На граммотность в HTML5(как лучше по семантике сделать), CSS. -Названия блоков и картинок(может сделать снипит так как много мелких картинок?). -Вообще в целом. Кроссбраузерность: IE9 и современные браузеры

Сайт. В IE9 Не работает слайдер и border-radius(подключал разные вещи типа pie.htc, но почему то не работает все равно).