HTML Coding

29,542 questions in this forum

1. Кроссбраузерность

   В Firefox'е при отступах: padding:0px 0px 0px 20px;Поле выходит за приделы блока, а в Chrome - все отлично отображается! Подскажите, пожалуйста, как исправить этот чертов баг! Заранее благодарю!

   Asked by nikita3334, February 9, 2014

   0 votes
   1 answer
2. кроссбраузерность

   Не могу сделать вот такое вот меню чтобы в Мозиле работало, нашёл много инфы про кроссбраузерность радиальных градиентов но у меня загвоздка в том что вместо обычного цвета #000000 используется rgba, выглядит это так: background:radial-gradient(circle farthest-side at 73px 47px, rgba(0, 255, 255, 0.9 ) 10px, rgba(0, 77, 235, 0) 130%); пробовал вот так то есть -moz-radial-gradient(circle farthest-side at 73px 47px, rgba(0, 255, 255, 0.9 ) 10px, rgba(0, 77, 235, 0) 130%); нифига мози не видит как сделать такую раскраску кроссбраузерной помогите кто знает

   Asked by igornagorny89, April 6, 2014

   0 votes
   5 answers
3. Кроссбраузерность

   Здравствуйте. При верстке возникает вопрос кроссбраузерности (особенно вопрос возникает по всем любимому IE). Подскажите типичные моменты, где следует обратить внимание, чтобы потом не переделывать весь макет для IE отдельно. Знаю точно, что старые IE не работают с прозрачностью файлов. Ну и т.д. Если будут ссылки на варианты решения вообще отлично. А также вопрос, каким образом верстать, чтобы при изменении масштаба не плавали блоки?

   Asked by psics, May 3, 2014

   0 votes
   14 answers
4. кроссбраузерность

   Уже создавал подобную тему, но все же не решил всех проблем. Подскажите под какую более раннюю версию explorera подстраиваться, я так понимаю что 7 и 8 это все уже прошлый век, тогда под 9 ую? 10 ую? и если нужно проверять под 8 ую то как это сделать если у меня 7 винда и на нее не могу установить эти ранние версии. Еще вопрос такого рода, в 11 explorer не отображает лого и задний фон, не знаю почему, везде все работает но только не здесь, подскажите что сможете, спасибо)

   Asked by igornagorny89, May 28, 2014

   0 votes
   16 answers
5. кроссбраузерность - частный случай

   Добрый вечер Создал первый в свой веб-сайт: http://peartree.ho.com.ua Сильно за дизайн не пинайте Писал, как посоветовали, под Мозиллу. Под Мозиллой работает нормально ? так как и планировал. Но если его открыть через ИЕ ? беда. Сразу возненавидел ИЕ? Подскажите, отчего все мои круглые уголки в левой части сместились вниз? Это хорошо видно здесь: http://peartree.ho.com.ua/news.php Вот кусок кода. Часть ПХП кода забрал, чтобы не отвлекал: .leftcol{ float: left; width: 170px; } .leftcol1,.leftcol2,.leftcol3{ background: #E8E8E8; position: relative; margin-bottom: 10px; } .leftcol4{ background: #E8E8E8; position: relative; } .bolt-top-left{ width: 18px; height: 18px; po…

   Asked by zigfrid, June 2, 2007

   0 votes
   12 answers
6. Кроссбраузерность (Three pixels text jog)

   Сайт проходит валидацию, а вот дрим ругается на кроссбраузерность Three pixels text jog. Ошибку выдает на абсолютное позиционирование дива: .circle_home { height: 25px; width: 27px; position: absolute; left: 305px; bottom: 0px; } как исправить? спасибо

   Asked by termoplus, May 12, 2009

   0 votes
   13 answers
7. кроссбраузерность css

   Добрый день господа. CSS столкнуло сравнительно не давно. До этого nix. Все вопросы обычно решает гугл, он же знает все) Но тут я слегка подзастрял. Я написал простенький сайтик, в хедере которого находится пару кнопок.. которые при hover изменяют изображение ( aka костыли изменения картинки). html: <div id="link_main" onclick="location.href='./index.html';" style="cursor:pointer;"> </div> <div id="link_services" onclick="location.href='./services.html';" style="cursor:pointer;"> </div> <div id="link_price" onclick="location.href='./price.html';" style="cursor:pointer;"></div> <div id="link_contact"…

   Asked by sleepnow, November 26, 2012

   0 votes
   0 answers
8. кроссбраузерность hr

   помогите убрать отступы в ие!! с этой темой мучаюсь уже 4 месяц!!смог убрать только один из отступов а 2 никак!!!! стили по умолчанию браузеров: ие6 hr { text-align: center; zoom: 1; } ие7 hr { outline: 0 none; text-align: center; zoom: 1; } ие8 hr { border-style: inset; border-width: 1px; display: block; margin-bottom: 0.5em; margin-top: 0.5em; overflow: hidden; text-align: center; zoom: 1; } сафари hr { display: block; margin: 0.5em auto; border-style: inset; border-width: 1px } почему если я их стараюсь сделать одинаковими не получается удалить отступы

   Asked by bot87, May 1, 2011

   0 votes
   3 answers
9. Кроссбраузерность HTML 5 и CSS 3

   Всем доброго времени суток, скажите, возможно ли сделать кроссбраузерной страницу, написанную на HTML 5 с применением CSS 3? Буду благодарен за вразумительный ответ.

   Asked by selevit, February 5, 2011

   0 votes
   26 answers
10. Кроссбраузерность line-height или как правильно центровать текст по вертикали

    Всем здравствуйте! Столкнулся с проблемой и никак не могу найти рабочее решение. Помогите неучу, пожалуйста! Вот ссылка на JSFiddle и пример кода: HTML: <div class="lineHeight"> HELLO // line-height method </div> <div class="padding"> HELLO // padding method </div> CSS: @import url('https://fonts.googleapis.com/css?family=Open+Sans'); div { font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100px; background: lightgreen; margin: 5px; padding-left: 10px; box-sizing: border-box; } .lineHeight { line-height: 100px; } .padding { padding-top: 42px; /* (100px - 14px) / 2 - 1px */ } Ситуация следующа…

    Asked by Arinden, January 10, 2017

    • padding
    • line-height
    • font
    • webfont
    • android
    • fonts
    0 votes
    8 answers
11. Кроссбраузерность mask и clip-path

    Как решить вопрос с кроссбраузерностью таких вещей? В firefox буквы "D" (маски) нету и clip-path не отрисовывается на сером блоке. А в IE - полная грусть. А это разметка

    Asked by Schamil74, June 13, 2017

    • mask
    • clip-path
    • fallback
    0 votes
    3 answers
12. Кроссбраузерность Opera, position: absolute?

    Всем доброго времени суток! Есть такой код В браузере Opera почему то блок #before не становится вплотную в блок родителя хотя и выставлены все стороны позиционирования в нули(в Opera dragonfly при наведении на #wrap, а после на #before можно увидеть что данные блоки не эквивалентны по высоте хотя стоит top: 0; bottom: 0). В Firefox все отлично работает если сравнивать. Как сделать кроссбраузерный вариант?

    Asked by Arthur, October 16, 2014

    0 votes
    7 answers
13. Кроссбраузерность для Сафари

    Помогите, пожалуйста, разобраться с кроссбраузерностью для Сафари. Во всех браузерах все ок и все готово казалось бы, а в Сафари полный завал. 1. Бекграунд для боди не отображается (вернее он отображается, но только если я забираю линейный градиент, вебкит не срабатывает для него) 2. С хлебными крошкам тоже какой-то каламбур вышел. 3. И самое главное миниатюры тоже не отображаются - какие полоски на их месте. Вот скрин ужаса http://clip2net.com/s/3hrsNwy А вот няша http://clip2net.com/s/3hrsUPS

    Asked by Orysya, May 9, 2015

    • css
    • safari
    0 votes
    7 answers
14. Кроссбраузерность и фон ячейки

    Здравствуйте. Возникла следующая проблема: Имеется таблица, ячейке назначен фон <td background="pix/shadow_r.png" style="background-position: left top; background-repeat:repeat-y"> - Google Chrome всё замечательно отображает - В Mozill'е фон начинается где-то в самом низу ячейки - В IE8 фон начинается с небольшим отступом сверху Фон - "тень":

    Asked by makcau, November 5, 2012

    0 votes
    3 answers
15. Кроссбраузерность изображений

    Здравствуйте. Подскажите пожалуйста, как решить следующую проблему: сайт на WordPress, шаблон резиновый, я переделал размеры вставляемых изображений из px в %, при позиционировании изображений, в margin также применил %, так вот, в браузерах Chrome, Mozilla, Opera и Яндекс - всё отображается нормально, а в IE есть небольшое смещение некоторых картинок вверх, а в Safari - вообще конкретно уплывают. Margin я задавал атрибутом style, посмотреть пример моей страницы можно здесь. Как бы исправить этот баг?

    Asked by webded, May 28, 2014

    0 votes
    3 answers
16. кроссбраузерность методы и решения

    Доброго времени суток? Столкнулся с такой проблемкой, не могу определить хак, в FF все выглядит нормально, в принципе под него изначально писал. а вот в IE, O, и в гугловском Хроме ползет... вопрос с меню в картинках код следующий: <table cellpadding="0" cellspacing="0" border="0" class="ab"> <tr> <td><img src="../images/uslugi.png" width="251" height="131" class="menu_img" tab=1 /> <div class="links" style="position: absolute;display: none;" id=menu1> <?php $sql->query("select id, name FROM page WHERE img3=1"); while(list($id,$name)=$sql->fetch_row()) echo '<div> <a href="../page.php?id='.$id.'">'.$name.'</a></d…

    Asked by gammi2, May 17, 2011

    0 votes
    6 answers
17. Кроссбраузерность поиска html5

    Здравствуйте. Подскажите как сверстать поиск кроссбраузерным. Нужно чтобы получилось вот так. Желательно обойтись без скриптов (по возможности)

    Asked by psics, April 17, 2014

    0 votes
    7 answers
18. Кроссбраузерность таблицы

    Очень ламерский вопрос, но все же как добиться того, чтобы таблица (не как способ верстки, а как способ отображения данных) выглядела одинаково во всех браузерах? Я только начинаю верстать. Таблица нормально выглядит в Опере. В ИЕ/ФФ ячейки немного увеличивают в высоте, но мне так нельзя. Приведу кусок ЦССа: table { border: solid 1px; border-collapse: collapse; width: 100%; text-align: center; } th { background: #eee; font-weight: bold; border-color: #bfbfbf; padding: 6px; } td.warned_by { text-align: left; } tr.censure { background: #f4fdee; } tr.truant { background: #fdebe8; } tr.noob { background: #f4f5ff; } Сразу вопрос, чтобы не создавать лишних тем…

    Asked by HatoL, July 20, 2008

    0 votes
    3 answers
19. Кроссбраузерность: CSS3 и JS

    Недавно скачал шаблон с HTML5 Up и увидел, что на том сайте все шаблоны делаются не на CSS3 media query для адаптирования, а через написанный автором того сайта JS фреймворк skeiJS. Вот и задумался. А ведь правда, JS, который был еще во времена войны Netscape Navigator с IE, намного кроссбраузерней CSS3. Почему все используют последний? Да и вроде с CSS3 media query браузеру приходится загружать стили для всех экранов, а JS их подгружает их по мере необходимости. P. S. Я не настаиваю на том, чтобы все использовали JS. Я понимаю, что на использование CSS3 есть причина и хочу ее узнать.

    Asked by iKNG, March 14, 2014

    0 votes
    3 answers
20. Кроссбраузерность.

    Сверстал диз, когда верстал использовал хром. Когда все закончил решил просмотреть в разных браузерах (IE,Firefox). В IE и FireFox страница выглядит меньше по размеру. Верстка фиксированная 960px.В Хроме страница выглядит лучше.Можно ли сделать ка кто чтобы в IE,Firefox страница была как в Хроме? Вот CSS body{ margin: 0px; padding: 0px; } #container{margin: 0 auto; width: 960px; } А вот картинки: 1.Chrome 2.Firefox 3.IE Например: Сравните какой отступ у хром от границы браузера,и какой в Firefox'e и в IE

    Asked by azarkin7, August 27, 2011

    0 votes
    7 answers
21. Кроссбраузерность.

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

    Asked by Arthur, September 8, 2014

    0 votes
    7 answers
22. Кроссбраузерность. Неугомонная Opera!

    Столкнулся с такой проблемой: никак не получается пофиксить код, чтобы получить кроссбраузерность. Конкретно, как Вы уже догадались, проблема именно с браузером opera. Кто сталкивался с подобным, был бы рад услышать любой совет.

    Asked by crisTOPher, January 20, 2014

    0 votes
    3 answers
23. Кроссбраузерность. Помогите решить проблему.

    Добрый день, код сырой, но дело в том что изначально проверял на Опере, потом выяснил, что популярнее в моем регионе Фаерфокс и решил на нем проверить. Был шокирован. Проблема в том, что при наведении на иконки в Опере меняется картинка, а в фаерфоксе не меняется, остается такой же, да и вообще ссылка не работает. Это мой первый сайт, делаю для себя, не профессионал, извините за трэш. <html> <head> <title>Flexotex</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="keywords"contente="пароизоляция, ветроизоляция, гидроизоляция"> <meta name="description" content="Паро-,ветро-, гидроизоляционные …

    Asked by mogdalov, December 2, 2012

    0 votes
    6 answers
24. кроссбраузерные до ie8 врезки без js

    помогите пожалуйста решить проблему, если это вообще возможно вот код: http://jsfiddle.net/9xd8k676/ здесь есть контейнер, который содержит текст и врезку. врезка расположена в верхнем левом углу. но нужно чтобы она была смещена вниз на несколько сот пикселей(точность особая не нужна), относительно своего настоящего положения. и при этом освободившееся место было бы заполнено текстом

    Asked by cyklop77, December 3, 2015

    0 votes
    10 answers
25. Кроссбраузерный @font-face

    @font-face {font-family: Lobster; src: url('fonts/Lobster.eot'); /* IE9 */ src: url('fonts/Lobster.eot?') format('eot'), /* IE6-IE8 */ url('fonts/Lobster.woff') format('woff'), /* Современные браузеры */ url('fonts/Lobster.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Lobster.svg#svgLobster') format('svg'); /* iOS */} h1 {font-family: 'Lobster', serif; font-size: 288px;} В Сафари, Хроме — работает. На Айфоне и Айпаде — нет. Чем дополнить, что исправить? Подскажите. Спасибо.

    Asked by dprzrv, October 31, 2011

    0 votes
    3 answers