float: right Сползает в низ в опере 12.17

[ Закрыто ] float: right Сползает в низ в опере 12.17

Сообщений: 167 Регистрация: Июл 2015

14 Декабря 2015 19:32

Чисто случайно поставил данну оперу и с удивлением увидел Это (скрин1), в новых браузера, все ок (скрин 2).
HTML:

Код
<div class="menu"> <a href="/forum/razdel.php?id=4">Спорт <span class="count"> Сооб: 0/+0 </span> <span class="count_all"> Тем: 0/+0 </span> </a> </div>

CSS:

Код

.count {
   float: right;
   background: #000;
   padding: 1px 2px;
   -webkit-border-top-right-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   color: #fff;
   text-shadow:none;
   font-size: 10px;
}
.count_all {
   float: right;
   background: #9DBD3D;
   padding: 1px 2px;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
   color: #fff;
   text-shadow:none;
   font-size: 10px;
}
.menu {
   background: #fff;
   border-left: 1px solid #85A22D;
   border-right: 1px solid #85A22D;
}
.menu a {
   text-shadow:0px 1px #f5f5f5;
   color:#444;
   text-decoration: none;
   display: block;
   padding: 12px;
}
.menu a:hover , a:active {
   background: #c0e15c;
   text-shadow:none;
}

Как эту фигню исправить? smile:)

Прикрепленные файлы

скрин1.png (22.1 КБ) [ Скачать ]

скрин2.png (38.11 КБ) [ Скачать ]

Coder

Сообщений: 10435 Регистрация: Мар 2013

14 Декабря 2015 19:38

span в опере обрабатывается по-своему. Попробуйте заменить на div, с соответствующей коррекцией в css.

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Сервис временных ссылок

desertFox

Сообщений: 252 Регистрация: Июл 2013

14 Декабря 2015 21:34

попробуйте к ссылкам добавить свойство - overflow: hidden;

Код
.menu a { text-shadow: 0 1px #f5f5f5; color: #444; text-decoration: none; display: block; padding: 12px; overflow: hidden; }

Александр

Сообщений: 167 Регистрация: Июл 2015

14 Декабря 2015 23:02

Coder, cпасибо) заменил на div вместо спан,но итог тот-же((

desertFox, не помогло.
Думал vertical-align: top, неа,не то(

video-freelancer

Сообщений: 2804 Регистрация: Авг 2012

14 Декабря 2015 23:32

Перед ; поставьте !important везде

Минтранс дал добро на продажу авиабилетов по низкой цене в 2025 году Купить авиабилеты онлайн дешево

Александр

Сообщений: 167 Регистрация: Июл 2015

14 Декабря 2015 23:41

video-freelancer, в смысле везде?)

Александр

Сообщений: 167 Регистрация: Июл 2015

14 Декабря 2015 23:48

заплачу 100р тому,кто решит проблему smile:)

video-freelancer

Сообщений: 2804 Регистрация: Авг 2012

15 Декабря 2015 00:06

Цитата
Александр пишет: заплачу 100р тому,кто решит проблему

Скиньте сайт в лс

video-freelancer

Сообщений: 2804 Регистрация: Авг 2012

15 Декабря 2015 01:24

Между тегами <head> </head>
Вставьте


 
Создайте в корне сайта файлы:

style_ie6.css
style_ie7.css
style_ie8.css
В них будут храниться стили именно для IE/
И если кто зайдет данного брайзера, будет загрузка идти именно с них.
Это вариант разделения стилей

video-freelancer

Сообщений: 2804 Регистрация: Авг 2012

#10

15 Декабря 2015 01:33

Для IE6
// style_ie6.css
$mq-responsive: false;
@import "mq";
.element {
    @include mq($from: mobile) {
color: green;
    }
    @include mq($from: tablet) {
color: blue;
    }
    @include mq($to: desktop) {
color: red;
    }
}

Для IE7
// style_ie7.css
$mq-responsive: false;
@import "mq";
.element {
    @include mq($from: mobile) {
color: green;
    }
    @include mq($from: tablet) {
color: blue;
    }
    @include mq($to: desktop) {
color: red;
    }
}
Для IE8

// style_ie8.css
$mq-responsive: false;
@import "mq";
.element {
    @include mq($from: mobile) {
color: green;
    }
    @include mq($from: tablet) {
color: blue;
    }
    @include mq($to: desktop) {
color: red;
    }
}

Необходимо от для них отключить адаптивный дизайн и заменить в стилях
элементы или убрать их
rem
media queries
rgba(), hsla()
:last-child, :nth-child(), :first-of-type, â€¦
:empty
:not()
calc()
.ttf, .otf, .woff fonts
multiple backgrounds
background-size
vw, vh, vmin, vmax
:checked, :valid, :invalid, :required
box-shadow
transforms (rotate, translate, skew, scale, matrix)
border-radius
opacity
getElementsByClassName
getComputedStyle
addEventListener
geolocation
canvas

video-freelancer

Сообщений: 2804 Регистрация: Авг 2012

#11

15 Декабря 2015 01:37

Далее как то так

 <link href=" style_ie7.css " rel="stylesheet" /> 
 <link href="style_ie8.css " rel="stylesheet" />

video-freelancer

Сообщений: 2804 Регистрация: Авг 2012

#12

15 Декабря 2015 01:39

Пока на этом все.

Александр

Сообщений: 167 Регистрация: Июл 2015

#13

15 Декабря 2015 01:40

Дякую!№ Карты в приват smile:)

Александр

Сообщений: 167 Регистрация: Июл 2015

#14

15 Декабря 2015 01:41

ой)) надеюсь не съедят. Дякую = спасибо.Тему можна закрыть!

Prapovednik

Модератор

Сообщений: 64408 Регистрация: Мар 2010

#15

15 Декабря 2015 10:29

Цитата
Александр пишет: Тему можна закрыть!

Александр, спасибо, что отписались в теме.
Тему закрыл.

* обращение к пользователям - > если Ваша тема потеряла свою актуальность, то, пожалуйста, отпишитесь об этом в теме и скиньте ссылку на тему мне в ЛС.

1. Продвигай сайты ЛЮБОЙ тематики! Вечные ссылки и статьи.
*
2. Как заработать даже на чужом контенте. УБТ тренд 2024

Похожие темы:

07.10.2013 20:06

Лого Copyright

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
12:10 Взрывной рост роботности в Метрике 11:43 Работает ли ссылочное продвижение 2019 – 2020? 14:12 Роскомнадзор отказал в регистрации трети блогеров-десятитысячников 21:51 Stixi.ru. и stixi.com 14:13 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы \| Еженедельные Выплаты \| CPA до $950 10:09 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 18:33 Trafee.com – эффективная монетизация вашего дейтинг трафика	12:31 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика 12:29 Уникальный сервис SEO продвижения 12:24 Бустмаркет 11:48 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 04:11 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 00:23 Apexchange.cc - выгодный и надежный обмен криптовалют 21:30 Обменный пункт cashalot.one. Выгодный обмен.	12:12 Linux - это максимальная свобода 04:06 Точные прогнозы на футбол 20:09 Сколько сейчас стоит наполнение ИМ? 12:43 Куплю проигрышные букмекерские аккаунты 04:33 Половина скидок на распродажах — фейк 07:53 НейроБабушка наказывает мошенников 19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко