Safari - что случилось?

@Proffessional · Регистрация: 16.07.2009

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

Привет! Вот код -

HTML5
1
2
3
4
5
6
7
    <tr id="authInfoHolder" style="text-align:center">
 
      <td><input tabindex="1" type="text" name="LjLogin" class="login" value="Login" style="color:#999" onfocus="if(this.value == 'Login'){this.value = ''}; this.style.color = '#000';" onBlur="if(this.value == ''){this.value = 'Login'}; this.style.color = '#999';"><br/><input type="password" tabindex="2" name="LjPass" class="pass"></td>
 
      <td><input name="LiLogin" type="text" class="login" style="color:#999" tabindex="3" onFocus="if(this.value == 'Login'){this.value = ''}; this.style.color = '#000';" onBlur="if(this.value == ''){this.value = 'Login'}; this.style.color = '#999';" value="Login">
 
        <br/><input type="password" tabindex="4" name="LiPass" class="pass"></td>

Внешних cssок нету. На первом скрине вид этого в Chrome, а на следующем - Safari.
Помогите понять, почему же сафари сдвигает форму?

@DuxGeneral · 19.06.2011, 23:44

попробуй прописать в <tr margintop='' marginleft=''>

@Proffessional · 20.06.2011, 13:20 **[ТС]**

Не помогло...

Добавлено через 13 часов 5 минут
Вот нашёл встроенную css ку Safari. Не большая, всё пересмотрел, но не нашёл ничего, влияющего на этот глюк.
Ещё важное замечание - я писал код, форматирование было не очень правильным, однако, код валидный. Когда в DreamWeaver говорю - применить исходное форматирование все браузеры показывают страницу так же, как они отображалась ранее, а в safari все верхние imput сдвигаются так, как я показал вначале. Что это?

Добавлено через 3 минуты
Удалось это устранить так - в верхние input поставил margin-right:0px, а в нижние margin-left:0px.
Теперь прямо. Но только в Safari. В остальных браузерах, конечно, криво. Может подскажите, есть какой хак для сафари?

@DuxGeneral · 25.06.2011, 18:19

попробуй вот этот

CSS
1
2
3
4
5
@-moz-document url-prefix(){
style{
 
}
}

он для мазилы, ну о кажись и для сафари идет
Опера, Мазила и Сафари одинаково отображают код

@Proffessional · 25.06.2011, 18:21 **[ТС]**

DuxGeneral, попробую. Правда я уже на JS сделал:

JavaScript
1
2
3
4
5
6
uAgent = window.navigator.vendor;
var reg=/Apple/;
if(uAgent.search(reg) !== -1){
    $('.login').css('marginRight', '-1px');
    $('.pass').css('marginLeft', '1px');
}

Vovan-VE · 25.06.2011, 18:28

Пробельные символы между инпутом и бр. В первой случае все в одну строку - там порядок.

@Proffessional · 25.06.2011, 18:30 **[ТС]**

А!..

Новые блоги и статьи Все статьи Все блоги /
Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025

@DuxGeneral 103 / 70 / 5 Регистрация: 09.06.2011 Сообщений: 263
	19.06.2011, 23:44
	попробуй прописать в <tr margintop='' marginleft=''> 1

@Proffessional Особый статус 743 / 145 / 6 Регистрация: 16.07.2009 Сообщений: 2,185 Записей в блоге: 1
	20.06.2011, 13:20 [ТС]
	Не помогло... Добавлено через 13 часов 5 минут Вот нашёл встроенную css ку Safari. Не большая, всё пересмотрел, но не нашёл ничего, влияющего на этот глюк. Ещё важное замечание - я писал код, форматирование было не очень правильным, однако, код валидный. Когда в DreamWeaver говорю - применить исходное форматирование все браузеры показывают страницу так же, как они отображалась ранее, а в safari все верхние imput сдвигаются так, как я показал вначале. Что это? Добавлено через 3 минуты Удалось это устранить так - в верхние input поставил margin-right:0px, а в нижние margin-left:0px. Теперь прямо. Но только в Safari. В остальных браузерах, конечно, криво. Может подскажите, есть какой хак для сафари? 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	25.06.2011, 18:28
	Пробельные символы между инпутом и бр. В первой случае все в одну строку - там порядок. 1

@Proffessional Особый статус 743 / 145 / 6 Регистрация: 16.07.2009 Сообщений: 2,185 Записей в блоге: 1
	25.06.2011, 18:30 [ТС]
	А!.. 0

Опции темы