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

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

Новые темы	Объявления	Свободное общение
14:31 Rotapost прикрыли! Чем пользоваться? 00:23 Раскрутка форума 00:19 Продвижение по ключам 17:40 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 14:07 2Index - быстрая индексация страниц сайта и обратных ссылок 12:02 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 22:23 Подскажите нормальный сервис накрутки ПФ	16:04 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 05:30 CoinCapital 04:22 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 20:30 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 19:53 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 19:52 Trustpilot Reviews \| Подниму рейтинг вашей компании 19:52 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата	16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники?