Перейти к содержимому


Слетели стили в Mozilla Firefox!

Слетели стили

  • Вы не можете ответить в тему
Сообщений в теме: 13

#1 hels

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 176 сообщений
Репутация: 3
Начинающий

Отправлено 10 February 2013 - 09:39 AM

Слетели стили только в Mozilla Firefox сайт показывается коряво, сделал правки, но на моем компе все норм, а вот на других нет, поэтому прошу откройте мой сайт через мозилу и отпишитесь уже норм или нет? желательно пишите версию мозилы. Всем спасибо! сайт - http://mobiline.dn.ua/

****************************************************************************
Если у вас будут идеи что это может быть, буду очень рад услышать.. и вот беда я не знаю даже с каких это пор происходит.. у меня то все норм...
  • 0

#2 kasta69

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 102 сообщений
Репутация: 7
Начинающий
  • ГородНижний Тагил

Отправлено 10 February 2013 - 11:00 AM

стили действительно слетели, контент в один столбец слева. Версия мозиллы 18.0.2

если нужно могу скриншот прикрепить!!!

В internet explorer 7,8,9 все корректно отображается. Яндекс браузер тоже все хорошо!

как сказал BADISOFT берем дробовик и идем в вебстудию :)

В другой теме вы уже затронули этот вопрос про отображение сайта в мозилле и как мне кажется вам давали подсказку про тег <base> в конце стоит слеш, при загрузке стилей (это только мое предположение) в конце адреса сайта получается 2 слеша например http://mobiline.dn.u...les/styles.less может я и не прав но вот прочитайте http://htmlbook.ru/html/base
  • 0

#3 hels

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 176 сообщений
Репутация: 3
Начинающий

Отправлено 10 February 2013 - 11:08 AM

а я так надеялся, что правка поможет.. это провал...
  • 0

#4 kasta69

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 102 сообщений
Репутация: 7
Начинающий
  • ГородНижний Тагил

Отправлено 10 February 2013 - 11:12 AM

а я так надеялся, что правка поможет.. это провал...

т. е удаление тега base не помогло??
  • 0

#5 hels

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 176 сообщений
Репутация: 3
Начинающий

Отправлено 10 February 2013 - 11:36 AM

а я так надеялся, что правка поможет.. это провал...

т. е удаление тега base не помогло??

я имел ввиду первую правку (я там перенес скрипт, он был между хедом и боди, я перенес в хед), СТОП а разве тег base надо удалять? я просто убрал слеш вконце.

из того что я понял:
для HTML
<head>
<base ...>
</head>

и для XHTML
<head>
<base ... />
</head>

у меня тип HTML (в заголовке документа так написано) а значит слеш действительно не нужен.. в общем правку сделал, проверьте еще раз, спс.
  • 0

#6 kasta69

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 102 сообщений
Репутация: 7
Начинающий
  • ГородНижний Тагил

Отправлено 10 February 2013 - 11:47 AM

Вашей правки я не вижу???
<base href="http://mobiline.dn.ua/">
<meta content="b96gkudNGpjdzhaKgqn3SGDWCbjP5w7caSt_MwqxIlY" name="google-site-verification">
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type">
<title>Mobiline - Mobiline</title>
<meta content="Аксессуары к мобильным телефонам" name="description">
<meta content="Mobiline, аксессуары к мобильным телефонам" name="keywords">
<link type="text/css" href="data/mobiline/styles/styles.less" rel="stylesheet/less">
<link media="print" type="text/css" href="data/mobiline/styleprint.css" rel="stylesheet">

Слеш так и стоит!
  • 0

#7 hels

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 176 сообщений
Репутация: 3
Начинающий

Отправлено 10 February 2013 - 11:56 AM

Вашей правки я не вижу???

<base href="http://mobiline.dn.ua/">
<meta content="b96gkudNGpjdzhaKgqn3SGDWCbjP5w7caSt_MwqxIlY" name="google-site-verification">
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type">
<title>Mobiline - Mobiline</title>
<meta content="Аксессуары к мобильным телефонам" name="description">
<meta content="Mobiline, аксессуары к мобильным телефонам" name="keywords">
<link type="text/css" href="data/mobiline/styles/styles.less" rel="stylesheet/less">
<link media="print" type="text/css" href="data/mobiline/styleprint.css" rel="stylesheet">

Слеш так и стоит!


стоп, было <base ... /> а стало <base ...>

нашел актуальную статью для html 4 , там пишется что можно <base ... /> ..
  • 0

#8 kasta69

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 102 сообщений
Репутация: 7
Начинающий
  • ГородНижний Тагил

Отправлено 10 February 2013 - 11:57 AM

в конце адреса сайта уберите слэш должно быть
<base href="http://mobiline.dn.ua">

или уберите вообще этот тег и проверим!!!
  • 0

#9 hels

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 176 сообщений
Репутация: 3
Начинающий

Отправлено 10 February 2013 - 11:59 AM

там же пишут что можно так писать:

<head>
<base href="http://mysite.com/"/>
</head>
...
<a href="test.html">ссылка</a> <img src="img.jpg" alt="" />

http://www.xiper.net.../tags/base.html

убрал
<base href="http://mobiline.dn.ua">
посмотрите, помогло?
  • 0

#10 kasta69

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 102 сообщений
Репутация: 7
Начинающий
  • ГородНижний Тагил

Отправлено 10 February 2013 - 12:02 PM

посмотрите, помогло?

Нет надо код смотреть спокойно и вникать, наверняка ошибка в какой то мелочи в файле head.tpl.html
  • 0

#11 hels

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 176 сообщений
Репутация: 3
Начинающий

Отправлено 10 February 2013 - 12:41 PM

вроде все файлы, ошибок я не нашел..

в файле head.tpl.html (на сайте) на всякий случай удалил, <base href="http://mobiline.dn.ua">, и доставил недостающие / к тегам, мб. в этом дело?) вообще, изменилось что-то?

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

  • Прикрепленный файл  head.tpl.html   6.4К   2 Количество загрузок:
  • Прикрепленный файл  header.tpl.html   113байт   1 Количество загрузок:
  • Прикрепленный файл  home.tpl.html   8.98К   2 Количество загрузок:
  • Прикрепленный файл  index.tpl.html   11.18К   2 Количество загрузок:

  • 0

#12 kasta69

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 102 сообщений
Репутация: 7
Начинающий
  • ГородНижний Тагил

Отправлено 10 February 2013 - 01:47 PM

Разобрался с данной проблемой вся проблема в том что на сайте используется не стандартный сss, а с расширением less который отличается от стандартного рядом удобств или неудобств (по мне я привык к css). Вот ссылка на сайт разработчика "динамического языка стилевой разметки". http://lesscss.ru/
Решение:
1. Обновил версию less.min.js взял с сайта разработчика 1.3.3 (стояла 1.1.1.)
Как вариант можно переделать less на css и отказаться от данного подключения. Но файл большой времени уйдет прилично 2-3 часа наверно.
hels, НАСЛАЖДАЙТЕСЬ :)
  • 3

#13 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 10 February 2013 - 01:53 PM

Где-то я уже это видел.
ИМХО глупость, только лишние проблемы добавляет и доп. нагрузку на сервер ... еще стили компилируй в добавок.
  • 0

#14 kasta69

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 102 сообщений
Репутация: 7
Начинающий
  • ГородНижний Тагил

Отправлено 10 February 2013 - 02:38 PM

жаль не могу плюсануть Вам репу( но я читал в правилах, что администрация может, ведь она оценивает "каждое сообщение" ;)

:) Помогал то я вам а не администрации и разобраться было не так уж сложно поверьте!!! Но все равно это действительно дурная идея "динамического языка стилевой разметки".

Кроме того есть какая то ошибка в этом файле он не читает первые строки почему то, добавил туда дурацкий стиль:
#nostyle_less{
margin:0px;
display: inline-block;
}
А иначе он не видит стиля icq
#nostyle_less{
margin:0px;
display: inline-block;
}
#icq {
margin:0 15px 0 0px;
display: inline-block;
background: url("http://mobiline.dn.ua/data/mobiline/images/icq_sm.png") no-repeat scroll 0 0 transparent;
}
#icq div{
color: #00B1EF;
padding:0 0 0 18px;
font-weight:bold;
font-size:12px;
}
#skype {
display: inline-block;
margin:0 15px 0 0px;
background: url("http://mobiline.dn.ua/data/mobiline/images/Apps-Skype-icon.png") no-repeat scroll 0 0 transparent;
}
#skype div{
color: #00B1EF;
padding:0 0 0 18px;
font-weight:bold;
font-size:12px;
}

После этого ваша картинка icq стала отображаться верно!!
  • 0