Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 11.11.2013 14:11

Remba
Новичок
Зарегистрирован: 11.11.2013
Сообщений: 4

ширина блока равная ширине контента

Привет,

Не получается найти решения самому или подходящего в интернете.

Задача сделать блок картинкок с подписями как здесь http://artlebedev.ru/tools/technogr … ls-center/

но позиционированное по ценру и с бекраундом привязанным к ширине всего блока с картинками.

добавив к коду приведенному по ссылке еще один блок div class=bga
получаем нужный нам результат , но только для IE и Opera, в Firefox и WebKit нет.

Помогите пожалуйста решить эту задачу для Firefox и WebKit, заставить блок .bga расширяться по контенту?

Заранее спасибо.


Код:



Второе издание «Ководства»

Офтальмологическая установка компании «Оптосистемы»

Флеш-накопитель «Фолдерикс»

Книга «Карта Птолемея» Герца Франка

Сайт риелторской компании «Ригрупп»

Книга Вадима Панова «День дракона»

Фирменный стиль и буклет «Грейн Холдинга»

Нет на форуме

 

#2 12.11.2013 11:02

Newone
Разбирающийся
Зарегистрирован: 17.10.2012
Сообщений: 89

Re: ширина блока равная ширине контента

display: -moz-inline-box; display: inline-block; //display: inline;
//zoom: 1;
Это зачем? Я может чего-то не понял... Пусть будет блоком и далее. в ФФ должно заработать вроде.

Нет на форуме

 

#3 12.11.2013 12:47

Remba
Новичок
Зарегистрирован: 11.11.2013
Сообщений: 4

Re: ширина блока равная ширине контента

display: -moz-inline-box; display: inline-block;
первое должно работать для мозиллы 2 и ниже
в версии 3 display: inline-block; уже поддерживаеться

//display: inline;
//zoom: 1;
включает hasLayout для работы в ИЕ 6,

по идее да, display: inline-block; должен работать в мозилла
но результат на лицо, приведенный мной код работает в опере и осле
но категорически отказываеться работать в файерфоксе 3.5

найти в чем загвоздка у меня до сих пор не получилось.

Нет на форуме

 

#4 12.11.2013 14:04

Newone
Разбирающийся
Зарегистрирован: 17.10.2012
Сообщений: 89

Re: ширина блока равная ширине контента

Второй заход...


зачем ему ввобще быть инлайн-блок или еще чета там? Поясните.

Нет на форуме

 

#5 12.11.2013 15:18

Remba
Новичок
Зарегистрирован: 11.11.2013
Сообщений: 4

Re: ширина блока равная ширине контента

Newone написал:

Второй заход...


зачем ему ввобще быть инлайн-блок или еще чета там? Поясните.

Нужно чтобы блок с картинками
1. Позиционировался по центру экрана в зависимости от разрешения монитора пользователя (это успешно решает код студии Лебедева)
2. Имел бекграунд равный ширине блока с картинками (т.е у всего сайта один бекграунд, а у блока должен быть другой)
и соотвевенно растягивался-съужался в зависимости от ширины блока с картинками
именно для этого там


Основной блок
имеет ширину 100% экрана

Нет на форуме

 

#6 12.11.2013 15:56

Newone
Разбирающийся
Зарегистрирован: 17.10.2012
Сообщений: 89

Re: ширина блока равная ширине контента

а ошибок нету? ФФ никогда не делает того, что не надо, и всегда делает то что написали.

Нет на форуме

 

#7 13.11.2013 08:15

Remba
Новичок
Зарегистрирован: 11.11.2013
Сообщений: 4

Re: ширина блока равная ширине контента

Newone написал:

а ошибок нету? ФФ никогда не делает того, что не надо, и всегда делает то что написали.

я конечно дико извиняюсь, но ви погчему спгашиваете?

вроде бы код в первом посте есть.

Нет на форуме

 

#8 13.11.2013 14:57

Newone
Разбирающийся
Зарегистрирован: 17.10.2012
Сообщений: 89

Re: ширина блока равная ширине контента

Ну а вдруг еще файл стилей прицеплен и что-то фонит.

Сразу говорю, я редко когда копирую код - человек, пришедший за помощью, мог бы хоть на народе уложить.

Попробуйте назначить ширину блоку, насильно. И еще, быть может, прошибается хак //, замените его на *. И не понятно зачем тут релейтив.

Нет на форуме

 

#9 13.11.2013 15:01

Newone
Разбирающийся
Зарегистрирован: 17.10.2012
Сообщений: 89

Re: ширина блока равная ширине контента

И еще, приложите на всяк случай скрин того, че надо получить.

Нет на форуме

 

#10 13.01.2014 00:43

SelenIT
Новичок
Зарегистрирован: 28.09.2011
Сообщений: 41

Re: ширина блока равная ширине контента

Насколько я понимаю (как показывает опыт и как мне в свое время объяснили на XPoint'е), без скриптов теперь никак. IE8 в "родном" стандартном режиме ведет себя так же, как новые FF и Вебкит.

Как вариант, можно посмотреть готовые реализации адаптивных блоков (там еще ссылки есть).

Нет на форуме

 

Board footer