Jump to content

mishka

Expert
 View Profile  See their activity

  • Posts

    2,118

  • Joined

  • Last visited

  • Days Won

    11

 Content Type 

Everything posted by mishka

  1. mishka
    Открыл в нормальном ие6 - завис.
  2. mishka
    Ваше "готовое", "проверенное" решение здорово себя ведет только когда делаешь чисто верстку. А как только начинаешь делать джс, так и вылазят бока. А самое главное что порезчику хрен докажешь что баги его порезки, он тупо морозится что в порезке все здорово. И никак нехочет понимать что джс это не волшебство, чудес не творит, и что порезка и работа скрипта связанны, что без нормальной порезки и джс неотработает нормально. Он считает что он круто сверстал потому что во всех браузерах отображается одинаково. А на самом деле он сверстал не круто, так как после него, для нормальной работы джс, приходится перепидаливать.
  3. mishka
    В очередной раз убеждаюсь: если поддерживаешь ие6, то выкинь нафиг всякую фигню типа .htc, юзай обычные бекграунды, и фильтры для пнг, и джс для ховера. Конечно ребята, которые пишут такие фичи - красавцы, но вот если бы они свои знания направили на чтонибудь полезное, а не на всякие извраты для умирающего браузера. Както клиент просил юзать джкверивские скругления углов, типа так круто, так мало кода. Сайт не маленький, просто забит маленькими блочками, со скругленными углами. После всей порезки стали подключать джс этот. Что оказалось: при таком количестве скругляемых блоков - тормоза нереальные, пока отработает. Отрабатывает не везде, кроссбраузерность фтопку. Стали подключать обычный аккордеон. А блоки то которые прорисовались с этими углами, вот как прорисовались при загрузке, так и остались, никуда не тянутся. Аккордеон открывается, но просто обрезается. В итоге перерезали потом это все картинками, времени ушло больше чем если бы сразу картинками сделали. Вывод: поддерживаеш ие6 полностью - юзай картинки и фильтры. Не полностью - сделай читаемым, но без красоты. А юзая всякую такую хрень - на стадии верстки усложнишь дальнейшую разработку.
  4. mishka
    чтото мне кажется что ТС о чем то умалчивает, чтото скрыть пытается. Давай ка код полнее
  5. mishka
    Я бы делал не флотая, а inline-block Также ничего плохого невижу если это сделать не списком, а дивами.
  6. mishka
    Все элементарно - как ты флотаеш лишки? а во так - .carous .jcarousel-item-horizontal { float:left !important; margin-right:10px; } Даже importamt влепил чтобы мало не показалось. А что это за класс такой jcarousel-item-horizontal ? Откуда он берется? Правильно - его вешает джс, а когда джс отрабатывает? Так что добавь флоа сюда: #mycarousel li { float:left; } И будет счастье.
  7. mishka
    Спасибо ). Меня случайно осенило, непойму чего вчера час думал - непридумал ))
  8. mishka
    Также люди с коекаким опытом скажут - фигня этот метод с паддингами/марджинами. При возможности старайтесь избегать его.
  9. mishka
    Я давно говорил что ие6 с работает шустрее ие7-8. Это мое наблюдение.
  10. mishka
    Так как я дома немогу полноценно протестить. То прошу сообщить если кто найдет баги: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> body{ margin:0; min-width:600px; _width:expression(document.documentElement.clientWidth < 600 ? "600px" : "auto"); } #wrapper{ width:100%; position:relative; overflow:hidden; } .w1{ float:left; position:relative; left:50%; width:100%; min-width:800px; _width:expression(document.documentElement.clientWidth < 800 ? "800px" : "auto"); } .w2{ float:left; position:relative; left:-50%; width:100%; } #content{ overflow:hidden; height:1%; padding:0 10px; } #left{ width:100px; float:left; } #right{ width:100px; float:right; } </style> </head> <body> <div id="wrapper"> <div class="w1"> <div class="w2"> <div id="left"> <p>At condimentum lorem volutpat sodales aliquam id nunc Suspendisse orci platea.</p> </div> <div id="right"> <p>At condimentum lorem volutpat sodales aliquam id nunc Suspendisse orci platea.</p> </div> <div id="content"> <p>Lorem ipsum dolor sit amet consectetuer consequat Vestibulum vitae mi Morbi. Sem et quis tempor at et urna Vestibulum pellentesque eu Nam. Pharetra sed nec Aliquam nibh elit Vivamus Donec Suspendisse convallis nibh. Consequat pellentesque fringilla lacinia condimentum Ut leo id gravida.</p> </div> </div> </div> </div> </body> </html>
  11. mishka
    overflow-x: hidden; для ие8 равносильно overflow: hidden; Короче нужен маленький скриптик Если до вечера никто не напишет, то я вечером обязательно выложу.
  12. mishka
    Да уж, дома на 17" было все замечательно. А вот на большом мониторе действительно на всю ширину не растягивается. Ну тогда у меня идеи как это разрулить чисто версткой закончились, покачто. Вечером еще подумаю как разрулить.
  13. mishka
    Когда между словами ставить пробелы - то и на сайте между словами будут пробелы. Причем сколько их не ставь (можно и табы) они браузер превратит их в один пробел. Так вот (как сказала выше Света), display:inline-block - одновременно и блочный и строчный элемент. Поэтому и появляются пробелы. Я знаю 2 решения: 1. Теги писать слитно (как продемонстрировала выше Света). Минус - плохо читаемый код. 2. На родительский блок (font-size:0; line-height:0;), а на блоки которые нужно расположить в ряд задавать нужный размер шрифта (display:inline-block; font-size:12px; line-height:14px;) Минус - не получится в таких блоках сделать относительным размер шрифта.
  14. mishka
    Чтобы нормально протестировать резиновую верстку на своем маленьком монике я естественно все размеры сделал меньше. И что получил - сайт резиновый на всю ширину браузера. Боковые колонки по 100 пикселей, центр минималка - 600пикселей. При сужении окна боковые колонки прячутся. Остается только центральная. Проверял в FF 3.5, IE6-8, Opera 10.61, Chrome 5, Safari 4. Тебе что еще и разжевать как это работает, и размеры твои поставить? И может еще даш дизайн, так и сверстать за тебя? Слабо включить моцк и подставить свои размеры?
  15. mishka
    уфф и задачка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> body{ margin:0; min-width:600px; _width:expression(document.documentElement.clientWidth < 600 ? "600px" : "auto"); } #wrapper{ width:100%; position:relative; overflow:hidden; } .w1{ float:left; position:relative; left:50%; } .w2{ float:left; position:relative; left:-50%; } .w3{ overflow:hidden; min-width:800px; display:table-cell; /* правит баг в опере */ _width:expression(document.documentElement.clientWidth < 800 ? "800px" : "auto"); } #content{ overflow:hidden; height:1%; padding:0 10px; } #left{ width:100px; float:left; } #right{ width:100px; float:right; } </style> </head> <body> <div id="wrapper"> <div class="w1"> <div class="w2"> <div class="w3"> <div id="left"> <p>At condimentum lorem volutpat sodales aliquam id nunc Suspendisse orci platea.</p> </div> <div id="right"> <p>At condimentum lorem volutpat sodales aliquam id nunc Suspendisse orci platea.</p> </div> <div id="content"> <p>Lorem ipsum dolor sit amet consectetuer augue dui Sed Ut Pellentesque. Vel fringilla risus porta sapien nulla facilisis risus ac enim cursus. Vestibulum turpis Quisque nibh.</p> <p>Sapien pulvinar elit urna a tempor semper Donec Sed Aenean pede. Ligula sagittis pede dolor mi vitae amet Aenean libero nec ligula. Vel vitae ante porta Curabitur adipiscing Nulla facilisis dolor non est. </p> <p>At condimentum lorem volutpat sodales aliquam id nunc Suspendisse orci platea. Suscipit aliquet Curabitur vitae eros morbi eleifend justo non Nunc Vestibulum. Vitae et elit vel.</p> </div> </div> </div> </div> </div> </body> </html>
  16. mishka
    В верстке все мелочи много значат. И игнорировать правила нестоит, их придумали далеко не дураки. Проверяй всегда на валидность. Скажешь что табличкам все пофиг, а я скажу не все им пофиг. Также скажу что и табличный макет легко делать валидным и кроссбраузерным.
  17. mishka
    у меня опера 10.61. Про 9ку давно забыл. Отступа нет. Браузер обновить не хочешь? И доктайп полный напиши <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. mishka
    тебе знакомо слово DOCTYPE ? А слово "валидация" ? Или ты из тех кто считает себя самым умным, а проверка на валидность - то для неудачников? padding-left:-5px; - ты считаешь что есть отрицательные паддинги?
  19. mishka
    Обычно такие блоки ложат в самом конце html документа, перед закрывающим тэгом </body>. Вот если его на абсолют и только left:-9999px, то внизу будет свободное пространство равное высоте этого блока. Он хоть и на абсолюте, но всеравно потянет бади (аналогично блоки на абсолюте дают дополнительный скролл справа). Поэтому top:-9999px непомешает Можна спросить - куда вы стилями картинки будете цеплять? Создавать элементы и на них (на один элемент один бг)? Не проще это все через <img src="" /> загружать как предложил Great Rash?
  20. mishka
    а почему не менять класс у таблички? Вместо того чтобы менять классы у кучи ячеек, можна поменять/добавить класс у таблички, и соответственно переписать стили. Это должно несколько ускорить работу. Не прочитал пост выше... там человек уже предложил это сделать.
  21. mishka
    :last-child нету такого в css 2.1 - соответственно ие8 его непонимает есть :first-child P.S. паддинги вверху и внизу нормально понимаются инлайновыми элементами. Конечно вертикальных отступов они не дают, но зато не обрезается бг, и это здорово )).
  22. mishka
    И top:-9999px тоже не помешает.
  23. mishka
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> div { width: 100%; color: #006600; filter:progid:DXImageTransform.Microsoft.Glow(Color=#00ff00, Strength=2); text-shadow: #0f0 0 0 3px; } </style> </head> <body> <div> Blurry text with smudge of gray. </div> </body> </html>
  24. mishka
    Я так понял что ваш IETester настроен не как ие6, а как ие7 - потому что там пнг, и ничего для пнг не сделанно, естественно в ие6 оно не может просто так нормально работать. я никогда неработал с иетестером, но тут на форуме понял что либо эту штуку неумеют настраивать, либо она сама полна багов, но работает очень часто не так как настоящий браузер.
  25. mishka
    Так вот реагирует ие6-7 на подобные конструкции. Почему? - Незнаю, нравится ему так. И это было невалидно. Старайтесь все делать валидным, и шансы что обойдетесь без багов возростут.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept