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

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

Модератор

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

#15

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

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

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

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

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

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

07.10.2013 20:06

Лого Copyright

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

Новые темы	Объявления	Свободное общение
10:45 Трафик в минус, соцсети в топе - Завершено февральское обновление Google Discover 10:06 как оплатить claude и gpt-5 из рф в 2026 чтобы не забанили через три дня 08:38 Раскрутка форума 08:22 Стоит ли заморачиваться с мейл ру ? 20:08 че по ПФ щас реально работает?? (кроме старья) 16:52 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 16:49 Тряска в Яндексе и евро-ИИ: 10.03 пока серп горит, бюрократы пилят свои нейронки	10:37 FASTINDEX — сервис, после которого конкуренты хватаются за валидол 08:43 Курс по Продаже Ссылок в Буржнете !!! 07:56 От $0.015 за IP \| $0.68 за ГБ \| 9PROXY.COM \| 20+ млн резидентных прокси \| 99,95% аптайм \| Без чёрных списков 23:06 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 19:18 HH.ru Работадателя вериф 18:17 Авито аккаунты ИП и физик 12:53 1obmen.net - обмен криптовалют: выплаты в USD, EUR, GBP, CAD, CNY	11:58 блокировка youtube 2026: ркн начинает «выдавливание». кто уже пробовал вк видео? 11:35 Точные прогнозы на футбол 08:33 молодильные яблоки и живая вода 19:50 Добро пожаловать в цифровой мир... 10:55 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 18:16 Список обновленных тем пуст... 19:27 Огородники