ХОЛОДный

В процессе тестирования, выявил следующую фичу: table.table div{ width: 200px; background: blue; display: inline-block; margin-right: 20px; margin-bottom: 20px; } В IE 7.0 при включении свойства display: inline-block; все элементы выравниваются по-левому краю. Если свойство убрать, то данные отображаются верно - в ряд, слева направо, перепрыгивают на новую строку, если не умещаются на одной, и так же выстраиваются слева направо. Однако, без display: inline-block; в Мозилле 3.5 возникает обратная ситуация - все элементы выстраиваются по-левому краю. Как быть? Ваш пример, естественно, работает нормально во всех браузерах. Дело в том, что внутри конечной таблички-элемента у меня есть несколько строк: картинка + 2 три строки текста. Я вычитал, что ie7 не обрабатывает нормально inline-block. Какие могут быть css-наводки, приводящие к тому, что верстка сбивается? Если я в ваш пример вставляю копи-пастом свои фрагменты (заменю ваши div с табличкой на свои), то работает только с этим костылем: <!--[if lte IE 7]> <style type="text/css"> table.table div, table.table table{display: inline;} </style> <![endif]--> Мой div, никаких дополнительных классов не подключаю.

Спасибо! Всё заработало, как надо!

Именно так и сделал на сервер-сайд. Пофиг на трафик, в сети заказчика это не актуально.

Добрый день есть следующая проблема: Фиксированную высоту табличке (голубой прямоугольник) задавать нельзя. По-разному пробовал, не помогает. У всех табличек прописан float:left; Таблички, как видно из рисунка, расположены в ячейке таблички. Спасибо!

Заказчик всегда прав Я отэкстендил кусочек jquery, так что кусок костыля спрятан от разработчика. Всё работает, спасибо.

Без прокси - все ок, у заказчика какая-то прокся кривая.

Есть json: {data:"someEncodedValue"} С чего вдруг IE берет в кач-ве корневого объекта значение data, т.е. "someEncodedValue", eval-ит это значение, предварительно сделав decodeURIComponent. Я не понимаю причины такого поведения. У вас опечатка в резюме: "Создание социальной сети в команде разоработчиков" Заголовки стоят.

День добрый возникла такая проблема, proxy-сервер по каким-то причинам поганит кодировку json'a. т.е. отправив клиенту в русские строки через проксю, можно быть уверенным в том, что клиент получит ??? вместо имени "Маша". Естественно, с "Mary" таких вещей не происходит. Я быстро-быстро написал костыль для json-плагина, используемого на server-side. Перед отправкой сериализованных данных, плагин производит следующие изменения: json = URLEncoder.encode(json, "UTF-8"); //encode as utf-8 json = "{\"data\":\""+json+"\"}"; //wrap json in json :) //write to responce По сути, мой гумнокод сует заэнкоженных json в еще один json. На клиенте: $j.post(_url,{"vendorId":vendorId}, function(_json){ //TODO: to be refactored. Crazy proxy :( //OMG, Мозилла получает нормалый json, где есть поле data и есть его значение в виде //заэнкоженного json-a //IE 8 в нормальном режиме, в режиме совместимости, в режиме работы IE7 не получает поля data //значение поля data СРАЗУ!!! становится корневым объектом и автоматом разэнкоживается. ППЦ. if(_json.data != null){ _json = ((eval(_json).data)); } //Мозилла получает значение поля data, как строку. Надо её разэнкодить и от-eval-ить. //как я уже сказал, IE все эти действия проделывает автоматически(???) if( "string" == typeof(_json)){ _json = decodeURIComponent(_json); //decode data _json = eval("("+_json+")"); } var categories = eval(_json.categories); var products = eval(_json.products); }, "json"); Что за бред? Поясните, плиз.

http://www.granatny6.ru/plannings/ Понял, сейчас буду репетировать.

А зачем выкусывать содержимое таблицы, если сама таблица - полноценный контейнер, кроме того, она стоит из нескольких строк и столбцов. Саму таблице менять нельзя. Я для для того, чтобы внимание не отвлекать не стал приводить полную структуру таблицы. А есть ли подобные примеры в сети, никак найти не могу. Проще же украсть чужое, чем самому велосипедить. К сожалению, я нашел примитивные примеры с прилепливанием крайних контейнеров к краям экрана (типа антискроллящеся меню, чтоб всегда было на виду). Но мне то нужно часть верхушки страницы, а часть - прибить к верхнему краю.

В том-то и прикол. Как только сролл второй таблицы относительно верхнего края достигает нужного значения, я присваиваю таблице стиль "position:fixed". после этого, таблица "отпрыгивает" вниз, ровно нас расстояние, которое занимала первая таблица, скрывшаяся из области видимости. Видимо, еще что-то нужно знать, типа position:relative относительно верхнего края экрана. Или я неправильно думаю.

Добрый день, допустим есть такой фрагмент: <html> <body> <table id="first"> <tr><td>CONTENT</td></tr> </table> <table id="second"> <tr><td>FIX ME</td></tr> </table> </body> </html> Страница загрузилась в браузер пользователя. Юзер начинает скроллить страницу вниз, table id="first" выходит из области видимости, а следующая за ней таблица с id="second" приближается в верхней границе экрана. В этот момент я хочу зафиксировать таблицу с id="second". Чтоб как-бы далеко вниз пользователь не скроллил страницу, вторая таблица всегда будет уверхней границы. Если же пользователь будт скроллить наверх, к началу страницы, я хочу, чтоб таблица с id="second" заняла своё первоначальное место. Так вообще можно сделать? подскажите, пожалуйста.

Добрый день. У меня есть таблица: <html> <body> <table style="width:100%"> <tr> <td style="width:33%"></td> <td style="width:33%"></td> <td style="width:33%"> <div><!--Надо прижать к правому краю страницы--> <p>Привет,</p> <p>Вася Пупкин, чемпион по хтмл!</p> <p><img src="lol.jpg"/> вот твоя картинка</p> </div> </td> </tr> </table> </body> </html> Мне надо сделать так, чтоб блок прижался к правому краю, а текст выровнялся по левому краю своей самой длинной строки. Что делать? Получилось, надо ДИВу написать: <div style="clear: both;float:right;">, обернуть в еще один ДИВ и сказать ему float:left;

Как сделать так, что текст справа не заезжал под звезду, был отбит от звезды на 2em'a и звезда была бы выровнена по середине первой строки текста из правого див-а? <style> .blog_table{/*Holds all blog entries*/ width: 100%; } .blog_title{ font-size:1.5em; margin-right:1.5em; display:inline; } .blog_title_td{ padding-top:3em; padding-bottom:2em; } .small_text{ font-size:0.9em; display:inline; padding-right:2em; } .small_text { display:inline; font-size:0.9em; padding-right:2em; } a { color:#3E93CE; text-decoration:underline; } </style> <table> <tr class="blog_title_tr"><!--Title--> <td style="text-align: left;" class="blog_title_td" colspan="3"> <div style="display: inline; font-size: 1.5em; padding-right: 1.5em; height: 100%;">★</div> <div style="display: inline;"> <div class="blog_title">Может ли простой пользователь участвовать в разработке ядра Linux? Зачем это нужно и к чему приводит</div> <div class="small_text">23 September 2009 18:14:02</div> <a href="/blog?time=2009-09-23 18:14:02" class="small_text title_anchor">якорь на запись</a> </div> </td> </tr> </table>

Я, наверное, туповат, но я не понял, как определить, появился ли мой DIV на экране, или нет. У меня может быть 10 ДИВов в столбик, каждый - по 200 пикселей в высоту. Часть ид ДИВов будет не видна, т.к. юзер до них еще не домотался. Как бы мне это определить?

Надо было еще поотключать безопасность в ИЕ7. Мльтипл ИЕ6 и у ИЕ7 общие настройки защиты.

Запихнул текст в СПАН, а СПАН- в ДИВ. Таким образом, нижнее подчеркивание текста (нижняя граница СПАНа) длиной в контент СПАНа (т.е. длиной в текст), в ДИВ вальяжно расползается в ячейке от края до края. Теперь всё работает, спасибо!

Хм... а почему нижние "пункты" занимают ровно столько, сколько занимает их контент? Т.е. они шириной в текст, хранимый в них. А верхний раздел расползается от левой до правой границы ячейки, несмотря на то, что текст в ДИВе занимает меньше четверти. Как бы мне сделать так, чтобы див принмал ширину своего контента?

Добрый день, вдруг возникла такая проблема, DIV, находящийся в ячейке таблицы вдруг стал растягиваться по всей ширине ячейки, хотя содержимое DIV'а по ширине меньше. <td class="blog_type_td"> <div elem_id="8" onclick="click_type_or_tag(this)" class="blog_type" style="border-bottom: 1px dashed rgb(255, 102, 102); color: rgb(255, 102, 102);" color="ff6666">Раздел</div> <div elem_id="1" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 1</div> <div elem_id="2" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 2</div> <div elem_id="3" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 3</div> <div elem_id="4" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 4</div> </td> .blog_type_td { text-align:left; vertical-align:top; width:33%; } table td { border:medium none; padding:0; } Унаследовано от table.blog_type_table table { border-collapse:collapse; } Унаследовано от body body { font-family:"Arial"; font-size:0.75em; } Я так и не понял, что я такого сотворил, что ДИВы стали так себя вести. ДИВ с "разделом" - тянется по всей ячейке, а дивы с пунктами ведут себя нормально.

Ты имеешь ввиду скрипт Гугла передаёт данные в UTF-8?

Привет, есть следующая проблема: <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function(){ var googleSearch = new google.search.CustomSearchControl('fdfgdfggsdgsdfgfsdg534546g'); googleSearch.draw('cse'); var query = '<?php echo $query?>'; if(query.length>1){ $('[name=search]').val(query); $('[name=search]').trigger('focus'); $('[name=search]').trigger('change'); $('[name=search]').trigger('blur'); googleSearch.execute(); } }, true); </script> или даже так: <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function(){ var googleSearch = new google.search.CustomSearchControl('fdfgdfggsdgsdfgfsdg534546g'); googleSearch.draw('cse'); var query = '<?php echo $query?>'; if(query.length>1){ googleSearch.execute(query); } }, true); </script> Если при загрузке страницы query='что-то там латиницей', то поиск работает без проблем. Если поисковый запрос был на русском, то получаю: Ничего не могу найти в интернетах. Страница, откуда запрос приходит в кодировке 1251, страница, где расположен скрипт с поиском - в 1251. Как-бы все нормально. Если искать напрямую с использованием русского языка, тоже никаких проблем. Похоже, пхп как-то странно энкодит русские чары, я не пишу на пхп, не знаю, что делать. Подскажите, пожалуйста.

Внедряю селениум на ынтерпрайзном быдлокодинге. У заказчика из браузеров только ИЕ6. Все остальные считаются неправедными и преданы анафеме. Тестерам раздали по комплекту multiple ie. Короче, на четырех компах удалось обуздать ИЕ, но на одном-никак. Осел не хочет из текущего окна жабаскриптом открывать новое окно и выпадает с исключением, "операция не поддерживается". Где я мог забыть снять галку? Есть ли какой-нибудь радикальный метод отключения запретов, накладываемых на исполнение жабаскритов в Осликах? Спасибо.

Спасибо, ребята!

Привет, подкиньте, пожалуйста, ссылок, где есть решение похожей задачи. 1. Есть html страница, на которой изначально выгружено 10 DIV'ов с текстом. 2. Юзер скроллит страницу вниз, я определяю, что он доскроллился до последнего DIV'а. 3. Со страницы уходит асинхронный запрос к серверу, ответ от сервера интерпретируется и к первым 10 DIV'ам добавляются еще 10. Как сделать второй пункт? Как мне определить, что юзер долистался до последнего DIV'a, и что пора посылать запрос? Спасибо!

Ага, я лол в em'aх. <td colspan="2"><div id="advertTitle">Объявление, отступы: 2em сверху, 2em вниз</div></td> advertTitle делал font-size:1.5em; А затем делал паддинг 2em и 3em, но из-за font-size паддинг расчитывался не от базы, а от базы*1.5 Так что я "обернул" див- увеличитель шрифта в еще один див, который устанавливал font-size:1em и делал паддинг топ и боттом по базе, без полуторного множителя. Всё от незнания! Спасибо!