Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> верстка с overflow, примыкание содержимого вправо 
:(
    Опции темы
numerovan
Дата 11.11.2015, 18:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 549
Регистрация: 1.12.2007

Репутация: нет
Всего: 2



Здравствуйте.
Подскажите пожалуйста как сделать следующее:

1. в окошке (некий блок div) показать как ленту чередующихся блоков в одну строчку, при этом под wraper-ом блок 
не указывать явно ширину. Для ясности, покажу в разметке.
Код

<div id="parent">// тут у нас width:100%; height:100px; overflow-y:hidden; overflow-x:auto;
     <div class="parent_carcas">// вот в этом вот блоке переменая ширина. Можно ли ширину эту обойти и при этом 
//... сожержимое данного блока отображалось в одну линию. Элементов внутри может быть от 1 до большого кол-ва.
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          ....
     </div>   
</div>


2. как сделать отображение по умолчанию в блоке .parent_carcas (см. выше) содержимого по правую строну, а не по левую. 
Т.е. загружается страница и содержимое находится и показывается по правую строну.

Это сообщение отредактировал(а) numerovan - 11.11.2015, 19:57
PM MAIL   Вверх
ksnk
Дата 11.11.2015, 19:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Галерея? Смотри любую галерею, они все в разной степени одинаковые  smile 
Примерно так: 
Код

.parent-carcas {
    width: 20000em;
    position:absolute;
   ... 
}
.parent {
    overflow: hidden;
    position: relative;
    width: ???px;
    height: ???px;
}
.item {
    float:left;
   ..
}

.parent-carcas, устанавливая отрицательный left можно позиционировать куда надо.

И да, отредактируй комментарий в своем коде - форум съехал :(



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
numerovan
Дата 11.11.2015, 19:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 549
Регистрация: 1.12.2007

Репутация: нет
Всего: 2



Код

.parent-carcas {
    width: 20000em; // без этого ни как ?
    position:absolute;
   ... 
}

PM MAIL   Вверх
ksnk
Дата 11.11.2015, 21:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Цитата(numerovan @  11.11.2015,  19:57 Найти цитируемый пост)
без этого ни как ?

Никак. Верхний .parent обрежет все выступающие части своим overflow:hidden 

Можно, конечно, вставлять все item в ячейки таблицы в одну строку. Так получится, что размер конструкции не нужно указывать. Зато разметка станет немного более громоздкой.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
ksnk
Дата 11.11.2015, 21:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



А! Не увидел, что нужно вправо выровнять.

Можно вот так, например. Правда порядок получается обратный...



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
numerovan
Дата 11.11.2015, 22:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 549
Регистрация: 1.12.2007

Репутация: нет
Всего: 2



Цитата

Можно вот так, например. Правда порядок получается обратный...

Если вы добавите чуть больше блоков с классом "item",  то они пропадают в неизвестность - это из за position:absolute. Тут желательно этот .parent_carcas либо block либо table. И походу да что без ширины его не получится сделать ... хотя может что нибудь другие люди напишут.

Пока ситуацию решил следующим образом: в .parent_carcas{width:2000000px} ... далее яваскриптом подганяю перемещение скролла на право, а так же скриптом выставляю не такую огромную ширины, а только не обходимую, для размещения .item в нем.

Хотелось просто без участия яваскрипта.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0428 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.