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

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

Модератор

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

#15

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

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

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

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

Продвигай сайты ЛЮБОЙ тематики! Вечные ссылки и статьи.
*
Тренды SEO 2026: Как продвигать сайт и сделать его магнитом для посетителей (и поисковиков в придачу)

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

07.10.2013 20:06

Лого Copyright

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

Новые темы	Объявления	Свободное общение
01:59 Яндекс-ап 20 марта и похороны ChatGPT, Claude и Gemini. Считаем убытки 10:16 Бесплатное расширение для Chrome — проверка ссылок прямо на странице 10:15 ИКС Яндекс АПдейт 1 апреля 2026. Обновлён алгоритм расчёта 10:12 Gmail разрешил менять основной адрес - теперь можно убрать старые ники без переноса аккаунта 18:01 Раскрутка форума 13:23 Рост эффективности моего интернет‑магазина 21:08 Adsense личный опыт	22:58 SOCKS5 приватные прокси на 30 дней для PayPal 22:57 Google Voice аккаунты для бесплатных SMS и звонков 22:57 PayPal аккаунты для любых целей 21:16 Crypto Mixer ↔ Bitcoin Mixer ↔ Cryptocurrency tumbler ↔ No-AML 18:54 Продам топовый аккаунт Kwork 17:35 Русские народные сказки - оцените! 15:59 Продам сайт Домен РУ RU РФ c доменом www.доменру.рф	00:06 Точные прогнозы на футбол 20:44 Огородники 19:47 молодильные яблоки и живая вода 16:25 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 22:45 С юмором по жизни! 15:42 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 07:17 Почему не обновляется счетчик ИКС (индекса качества сайта)