PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Глюк в Safari и Chrome

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Саныч	Отправлено: 30 Марта, 2011 - 21:50:54
Участник Покинул форум Сообщений всего: 1365 Дата рег-ции: Июль 2010 Откуда: Украина, Запорожье Помог: 62 раз(а)	есть вот такая разметка и кнопочка (см. скрин) CODE (html): скопировать код в буфер обмена <div> <span>Язык: <strong>Русский</strong></span> <a href="" title="Изменить язык">Изменить</a> </div> <div> <span>Стиль: <strong>Стандартный</strong></span> <a href="" title="Изменить стиль">Изменить</a> </div> Стиль к кнопке CODE (htmlphp): скопировать код в буфер обмена display: inline-block; border: 1px solid #007; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 0 5px 0 20px; float: right; color: #fff; font-size: 10px; background-color: #6266ff; background-image: url(../img/bg_action.png), url(../img/bg_action_arrow.png); background-position: 15px 0, 5px 0px; background-repeat: no-repeat, no-repeat; margin: 0 6px; text-decoration: none; text-shadow: 0 0 3px #fff; -o-transition: background-color 0.4s ease; -moz-transition: background-color 0.4s ease; -webkit-transition: background-color 0.4s ease; -moz-user-select: none; -webkit-user-select: none; в Google Chrome и Apple Safari конпка в ряду с самым длинным текстом соскакивает вниз, во всех остальных браузерах все ОК (даже в осле ) вобщем смотрите скрин... Вопрос собственно почему так происходит? Нашел 2 пути, как исправить это: - первый: изменить порядок элементов, т.е. переставить местами span и a, НО не очень хочется, прийдется редактировать js - второй: указать в стилях min-width, но это не очень хорошое решение, т.к. не известно какая длинна текста будет, соответственно и длина блока... Прикреплено изображение (Нажмите для увеличения) (Отредактировано автором: 30 Марта, 2011 - 21:52:02) ----- Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс

grefon	Отправлено: 31 Марта, 2011 - 04:33:16
Частый посетитель Покинул форум Сообщений всего: 823 Дата рег-ции: Нояб. 2010 Помог: 32 раз(а)	Попробуйте поставить position на кнопку. Должно помочь. ----- ____________________________________________________________________ Ну как то так, наверное. http://grefon[dot]com

Саныч	Отправлено: 31 Марта, 2011 - 18:57:42
Участник Покинул форум Сообщений всего: 1365 Дата рег-ции: Июль 2010 Откуда: Украина, Запорожье Помог: 62 раз(а)	нет, не помогает... вобщем решил проблему пути №1, но вопрос все равно интересует... ----- Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс

JustUserR	Отправлено: 31 Марта, 2011 - 21:40:13
Активный участник Покинул форум Сообщений всего: 8715 Дата рег-ции: Июнь 2009 Помог: 17 раз(а)	Саныч Использование предполагаемого варианта решения задачи, заключающеся в осуществление определения требуемых параметров реального отображения ассоциированного блока во вложенном уровне базового элементного трактования, позволяет обеспечивать унифицированное достижение цели вне зависимости от особенностей трактовки используемых CSS-свойств с текущем уровне функционирования браузера, поскольку обеспечивается включение системы с обратной связью, осуществляющей позиционирование элемента на основании императивного а не деклараивного подхода ----- Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.