Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.53/15: Рейтинг темы: голосов - 15, средняя оценка - 4.53
0 / 0 / 0
Регистрация: 11.01.2012
Сообщений: 3

свойство padding в различных браузерах

02.04.2012, 21:08. Показов 3293. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
проблема заключаеться вот в чем, сделала кнопку и в ней во всех браузерах padding-и одни, а в опере совсем другие, обьясните как это исправить, чтоб отображалось кроссбраузерно
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
02.04.2012, 21:08
Ответы с готовыми решениями:

не работает свойство padding
Почему когда в блоке есть картинка, к тегу <a> нельзя применить свойство padding-left:85px? <html> <head> ...

Input type=text padding-top, padding-bottom в safari не работают
<!DOCTYPE html> <html lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> /*...

Правильность отображения на различных браузерах
Добрый день! Первый раз можно сказать взялся за проект с нуля, проблема возникла и меня очень пугает. В Opera отображается все идеально, я...

7
104 / 34 / 10
Регистрация: 15.12.2011
Сообщений: 146
02.04.2012, 23:43
Лучший ответ Сообщение было отмечено как решение

Решение

Изначально рекомендую применять так називаемый reset.
То есть, ко всем элементам применять свойство padding и margin: 0;
И отталкиватся уже от чистого "0". Должно помочь! Если да то скажите спасибо.
3
0 / 0 / 0
Регистрация: 11.01.2012
Сообщений: 3
03.04.2012, 12:08  [ТС]
попробовала, но не получается=)))
0
0 / 0 / 0
Регистрация: 03.04.2012
Сообщений: 17
03.04.2012, 12:13
Цитата Сообщение от Tanya-83 Посмотреть сообщение
попробовала, но не получается=)))
Неплохо бы увидеть код кнопки и узнать, какой reset вы использовали
0
104 / 34 / 10
Регистрация: 15.12.2011
Сообщений: 146
04.04.2012, 14:08
Еще рекомендую создать reset.css и через @import"reset.css"; Подключить к вашей таблице стилей(style.css). С таки вот кодом:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
/* Getting the new tags to behave html5 */
/*Вот эти элементы раскоментировать при необходимости!!!
 
canvas, command, datalist, details,embed,
keygen, meter, output, progress,source, video {
    display:block;
}
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    outline:0;
    margin: 0;
    padding: 0;
    border: 0;
    border:0 none;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
}
1
 Аватар для .Lexx.
5 / 5 / 1
Регистрация: 06.07.2011
Сообщений: 157
05.04.2012, 12:39
vadimgrig, вопрос по поводу последнего поста:
не первый раз вижу перечисление всевозможных тегов для обнуления margin, padding, border`a и т.п.
К чему это если существует *{}.
Правило *{} вроде создаётся для всех элементов на странице(т.е. задание начальных свойств для всех элементов) или я чего-то недопонимаю.
А вообще идей подключения файла хороша).
я на сегодняшний момент -

на htmlbook.ru говорится что при таком включении стиля table-collapse не работает стиль border-radius, соответственно в последствии могут быть некоторые непонятки: "А почему не работает?!"
Но всё равно идея файла-обнуления хороша, "спс" уже сказал
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
05.04.2012, 20:43
Цитата Сообщение от .Lexx. Посмотреть сообщение
К чему это если существует *{}.
Всех без разбора под одну гребенку - плохая идея. Вы обнулите и input'ы, например, и textarea, и всё остальное. Надо обнулять только то, что действительно нужно обнулять, и в чём Вы уверены на 100%. Дописать в перечисление еще один нужный забытый элемент Вы всегда успеете.
2
104 / 34 / 10
Регистрация: 15.12.2011
Сообщений: 146
06.04.2012, 03:17
Цитата Сообщение от Vovan-VE Посмотреть сообщение
Всех без разбора под одну гребенку - плохая идея. Вы обнулите и input'ы, например, и textarea, и всё остальное. Надо обнулять только то, что действительно нужно обнулять, и в чём Вы уверены на 100%. Дописать в перечисление еще один нужный забытый элемент Вы всегда успеете.
И удалить тот который вам не нужно обнулять. Вообщем, таблица очень хороша, особенно при кроссбраузерной верстке. Много гемороя снимает при работе с IE старых версий!
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
06.04.2012, 03:17
Помогаю со студенческими работами здесь

Проверка сайта в различных браузерах и версиях
Добрый день! Подскажите пожалуйста каким образом можно проще произвести проверку сайта в различных браузерах и версиях? Каким сервисом...

некорректное отображение сайта в различных браузерах
Здравствуйте! У меня возникло две проблемы с сайтом: 1)в Explorer сайт отображается правильно. Для проверки корректности отображения...

Не корректные изображения в различных браузерах (flex-box)
В общем проблема такая. Сверстал сайт используя flex-box. Все хорошо. Но дело дошло до кроссбраузерности. (В моем случае хотя бы ее сделать...

Некорректное отображение сайта в различных браузерах,а именно Opera,Google Chrome!
У меня в Mozilla FireFox все нормально,но в другом браузере только одна проблема....

Как сделать что бы цвет фона и текста в различных браузерах отображался одинаково?
Всем привет. Мне дали изображение с дизайном сата, в некоторых местах цвет фона черный, а текст белый, плюс по бокам цвет фона голубой. Я...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru