Формы разного размера в разных браузерах...

@IamSCORPION · Регистрация: 13.04.2009

Студворк — интернет-сервис помощи студентам

Создал свой стиль для форм но они разного размера в разных браузерах

Вот ссылка http://www.allbestfilms.pp.ua/test.php
Помогите чем сможете. Спасибо.

@Nazz · 31.03.2010, 18:52

а какими же они должны быть? они же разных размеров?...

@IamSCORPION · 31.03.2010, 18:58 **[ТС]**

Nazz
нужно чтобы они были одинакового размера

@Nazz · 31.03.2010, 19:00

попробуйте вот етот доктайп:

HTML5
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

@IamSCORPION · 31.03.2010, 19:03 **[ТС]**

к сожалению не помогло...

@Nazz · 31.03.2010, 19:07

а так?

HTML5
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> 
<title>тест</title> 
</head> 
 
<style> 
.form{outline:1px ridge #6f6f6f; border:1px solid black; padding:2px; font-family:Verdana, Geneva, sans-serif; color:black; font-weight:12px;}
</style> 
 
<body> 
    <textarea class='form' name='about0' cols='90' rows='5'></textarea> 
 
    <br><br> 
 
    <select class='form' name='dub0' size='1'> 
            <option value='-'>-Выбрать-</option> 
            <option value='1'>1</option> 
            <option value='2'>2</option> 
            <option value='3'>3</option> 
              </select> 
 
    <br><br> 
            
    <input class='form' name='video0' type='text' size='27'>                
</body> 
</html>

@IamSCORPION · 31.03.2010, 19:17 **[ТС]**

Сообщение от Nazz

а так?

HTML5
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> 
<title>тест</title> 
</head> 
 
<style> 
.form{outline:1px ridge #6f6f6f; border:1px solid black; padding:2px; font-family:Verdana, Geneva, sans-serif; color:black; font-weight:12px;}
</style> 
 
<body> 
    <textarea class='form' name='about0' cols='90' rows='5'></textarea> 
 
    <br><br> 
 
    <select class='form' name='dub0' size='1'> 
            <option value='-'>-Выбрать-</option> 
            <option value='1'>1</option> 
            <option value='2'>2</option> 
            <option value='3'>3</option> 
              </select> 
 
    <br><br> 
            
    <input class='form' name='video0' type='text' size='27'>                
</body> 
</html>

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

@Nazz · 31.03.2010, 22:31

Сообщение от IamSCORPION

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

ето тоже неплохой вариант)) я когдато об етом тоже думал))

@skynetxxx · 02.04.2010, 19:16

"Css хаки для FireFox":

HTML5
1
html:root ваш_элемент {...}  /* этот работает ещё и для Safari */

HTML5
1
ваш_элемент, x:-moz-any-link {...}

Css хаки для Opera:

HTML5
1
html:first-child ваш_элемент {...}

HTML5
1
2
3
@media all and (min-width: 0) {
     ваш_элемент {...}
}

Для Internet Explorer:

HTML5
1
2
3
4
5
6
7
8
div {
      background: red; /* для нормальных браузеров */
      //background: green; /* для всех ie */
      -background: blue; /* для ie6 */
}
* html div {
      background: blue; /* ещё один способ для ie6, кому как больше нравится :) */
}

IE 7:

HTML5
1
*:first-child+html ваш_элемент {...}

HTML5
1
*+html ваш_элемент {...}

IE 6:

HTML5
1
* html ваш_элемент {...}

Или подключение конкретных CSS

HTML5
1
2
3
4
5
6
7
8
9
10
11
<![if !IE 5]>
    <link rel="stylesheet" type="text/css" href="not-ie5.css" />
<![endif]>
 
<![if !IE 6]>
    <link rel="stylesheet" type="text/css" href="not-ie6.css" />
<![endif]>
 
<![if !IE 7]>
    <link rel="stylesheet" type="text/css" href="not-ie7.css" />
<![endif]>

>>> ИСТОЧНИК <<<

Vovan-VE · 03.04.2010, 08:24

Используйте reset.css

Code
1
2
3
4
5
6
7
8
9
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:normal;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td {vertical-align:top;}
th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

Суть его в том, что изначально сбрасываются все умолчания браузеров, а затем Вы задаете всему свой стиль.

@unimaker · 03.04.2010, 14:18

Да, у меня тоже такая проблема! форма поиска в FF и IE одинаково показывает а в Operе на 15px длинее, что сделать товарищи? Тема довольно серьезная!

@IamSCORPION · 09.04.2010, 12:46 **[ТС]**

Vovan-VE
Спасибо!!!!!!! Работает)

unimaker
сделай как написал Vovan-VE.

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. 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 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .

@IamSCORPION SysOp 42 / 41 / 5 Регистрация: 13.04.2009 Сообщений: 274

	Формы разного размера в разных браузерах... 31.03.2010, 18:42. Показов 3546. Ответов 11 Метки нет (Все метки) Создал свой стиль для форм но они разного размера в разных браузерах Вот ссылка http://www.allbestfilms.pp.ua/test.php Помогите чем сможете. Спасибо. 0

@Nazz 898 / 729 / 80 Регистрация: 12.03.2009 Сообщений: 2,804 Записей в блоге: 2
	31.03.2010, 18:52
	а какими же они должны быть? они же разных размеров?... 0

@IamSCORPION SysOp 42 / 41 / 5 Регистрация: 13.04.2009 Сообщений: 274
	31.03.2010, 18:58 [ТС]
	Nazz нужно чтобы они были одинакового размера Миниатюры 0

@IamSCORPION SysOp 42 / 41 / 5 Регистрация: 13.04.2009 Сообщений: 274
	31.03.2010, 19:03 [ТС]
	к сожалению не помогло... 0

@unimaker 0 / 0 / 0 Регистрация: 01.04.2010 Сообщений: 11
	03.04.2010, 14:18
	Да, у меня тоже такая проблема! форма поиска в FF и IE одинаково показывает а в Operе на 15px длинее, что сделать товарищи? Тема довольно серьезная! 0

@IamSCORPION SysOp 42 / 41 / 5 Регистрация: 13.04.2009 Сообщений: 274
	09.04.2010, 12:46 [ТС]
	Vovan-VE Спасибо!!!!!!! Работает) unimaker сделай как написал Vovan-VE. 0