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

Сообщений: 10597 Регистрация: Мар 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

Модератор

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

#15

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

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

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

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

1. Продвигай сайты ЛЮБОЙ тематики! Вечные ссылки и статьи.
*
2. Альтернативная монетизация на Ютуб на ЛЮБОМ КОНТЕНТЕ.

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

07.10.2013 20:06

Лого Copyright

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

Новые темы	Объявления	Свободное общение
09:47 Adsense личный опыт 13:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 13:47 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 08:27 Ищу специалистов 08:18 Прибыль 200$ - 400$, за каждую 1000 уников! Google, FB и тд 08:12 ру гембла 09:18 Влияние использования ИИ для написания текстов на позицию в поисковой выдаче	04:05 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 02:43 Обменный пункт cashalot.one. Выгодный обмен. 15:30 EGB Affiliates – Зарабатывайте на киберспорте, спорте и казино! 11:52 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 10:06 Услуга чертежника и 3D моделирования 08:16 Linken Sphere – браузер-антидетект нового поколения 06:27 Продам аккаунты HeadHunter (Верификация на ИП)	23:51 Всего п онемногу 17:09 Точные прогнозы на футбол 10:00 Ну что, кто куда деваете свои сайты? 16:22 Компьютерная мышь 23:55 Добро пожаловать в цифровой мир... 13:13 О природе путешествий. 00:15 Накрутка поисковых подсказок