0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 1078 Просмотров
*

rewuxiin

  • Давно я тут
  • 544
  • 38 / 6
помогите разобраться т.к. я уже голова сломал.

перетягиваю сайт http://formbeton.org, 2003 года, на Joomla 2.5 http://formbeton.by/

Сайт резиновый, верстаю на предложенном шаблоне от JoomShaper - Shaper Zaara, пришлось правда в фремворке поковырять т.к. не хотел он чтоб шаблон был резиновый.

В общем во всех браузерах страницы выглядят нормально, и даже на андроид таблетке в Opera все ок, но вот в стандартном андроид браузере отваливаются в хедере бекграунды, в зоне  вывода компонента пропадает текст и страница растягивается неимоверно.

У кого нет таблетки можете глянуть в эмуляторе https://www.manymo.com/emulators/

Надеюсь я всего-лишь невнимателен к какой-то мелочи и быть может кто поопытнее обнаружит ошибку *DRINK*
*

rewuxiin

  • Давно я тут
  • 544
  • 38 / 6
Re: Кто виноват я или ведроид браузер?
« Ответ #1 : 06.06.2013, 12:37:05 »
пичаль :(
*

SDKiller

  • Живу я здесь
  • 2706
  • 328 / 5
  • ...ergo sum
Re: Кто виноват я или ведроид браузер?
« Ответ #2 : 06.06.2013, 12:42:49 »
Подтверждаю, на 7-дюймовом планшете есть такая беда.

Посмотрите в сторону .clearfix:before, .clearfix:after
Может попробовать более надёжные способы чем псевдоэлементы?
Кроме того htmlbook утверждает что display: table для этих псевдоэлементов не бывает
*

rewuxiin

  • Давно я тут
  • 544
  • 38 / 6
Re: Кто виноват я или ведроид браузер?
« Ответ #3 : 06.06.2013, 14:30:44 »
снес из фреймворка по умолчанию подключавшийся .clearfix, на кой он там нужен х.з., но делу это не помогло.

с контентом разобрался - оказывается при overflow:hidden, браузер считает margin не от родителя, а от ближайшего предыдущего блока, потому его и уносило вдаль.
с бекграундом в хедере пока не ясно.
*

rewuxiin

  • Давно я тут
  • 544
  • 38 / 6
Re: Кто виноват я или ведроид браузер?
« Ответ #4 : 06.06.2013, 15:16:34 »
в общем охренеть товарищи.

браузер не понимает отступ background

допустим:
Код
background-image: url(../images/bg-logo.jpg), url(../images/bg-l.jpg), url(../images/bg-r.jpg); background-position: left 117px bottom, left top, right top;background-repeat:no-repeat;
натыкается он на 117px - считает как ошибку и останавливается.

и таким образом он тоже считает 117px как ошибку
Код
background:#688200 url(../images/bg-logo.jpg) left 117px bottom no-repeat;
*

SDKiller

  • Живу я здесь
  • 2706
  • 328 / 5
  • ...ergo sum
Re: Кто виноват я или ведроид браузер?
« Ответ #5 : 06.06.2013, 15:24:42 »
Код
background-position: left 117px bottom, left top, right top;

А где тут запятые в спецификации?

http://www.w3.org/TR/CSS21/colors.html#propdef-background-position
*

ELLE

  • Глобальный модератор
  • 4513
  • 890 / 0
Re: Кто виноват я или ведроид браузер?
« Ответ #6 : 06.06.2013, 15:26:51 »
ишак тоже не понимает через запятые )) 2-3 картинки на бекграунд уже не залепить (
*

rewuxiin

  • Давно я тут
  • 544
  • 38 / 6
Re: Кто виноват я или ведроид браузер?
« Ответ #7 : 06.06.2013, 15:30:59 »
ну вот тут например
http://htmlbook.ru/css3-na-primerakh/neskolko-fonovykh-risunkov

да и не важно запятые, я ведь указал даже на одиночный случай.

следующий рядом блок он нормально понимает и с запятыми

Код
.a-cont {background-image:  url(../images/l_name.gif), url(../images/r_name.gif);background-position: top left, top right;background-repeat: no-repeat,no-repeat;

проблема именно в отступе
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться