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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> как побороть перенос слоёв 
:(
    Опции темы
Alx
Дата 28.4.2009, 00:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


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

Репутация: 1
Всего: 78



есть структура, имеющая такой вид:

Цитата

[ [[...][...][...]] [[...][...][...]] [[...][...][...]] ]


где первый контейнер имеет заданную ширину и свойство  white-space:nowrap.
но если задать ему ширину, равную ширине первого подконтейнера, то вместо

Цитата

[ [[...][...][...] [[...][...][...]] [[...][...][...]] ] 
 получается почему-то
Цитата

[ [[...][...][...]
[[...][...][...]]
[[...][...][...]] ] 

т.е. подконтейнеры почему-то переносятся, а это не удобно, т.к. первый контейнер абсолютно поционирован и динамически двигается мышкой внутри родителя с overflow:hidden для отображения нужного подконтейнера.

приведу пример:

Код

<html>
    <head>
        <style>
            #event_respanel .week-box { float: left; height: 60px; width: 84%;  position: relative; overflow: hidden; white-space: nowrap; }
            #event_respanel .weeks-line { width: 100%; height: 100%; position: absolute; top: 0; left: 0; white-space: nowrap; }
            #event_respanel .week { width: 100%; height: 100%; float: left; }
            #event_respanel .week .day { float: left; height: 100%; width: 33%; }
        </style>
    </head>
    <body id="event_respanel">
      <div class="week-box"> <!-- <- родитель -->
        <div class="weeks-line"> <!-- <- контейнер -->
          <div class="week"> <!-- <- подконтейнер 1 -->
              <div class="day">content</div>
              <div class="day">content</div>
              <div class="day">content</div>
              <div style="clear:both;width:0;">&nbsp;</div>
          </div>
          <div class="week"> <!-- <- подконтейнер 2 -->
              <div class="day">content</div>
              <div class="day">content</div>
              <div class="day">content</div>
              <div style="clear:both;width:0;">&nbsp;</div>
          </div>
          <div class="week"> <!-- <- подконтейнер 3 -->
              <div class="day">content</div>
              <div class="day">content</div>
              <div class="day">content</div>
              <div style="clear:both;width:0;">&nbsp;</div>
          </div>
          <div style="clear:both;width:0;">&nbsp;</div>
        </div>
      </div>
    </body>
</html>


Это сообщение отредактировал(а) Alx - 28.4.2009, 01:01


--------------------
PM MAIL WWW ICQ   Вверх
Alx
Дата 28.4.2009, 01:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


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

Репутация: 1
Всего: 78



удалось частично решить проблему заданием свойств width:50000% у #event_respanel .weeks-line и  width:XXpx у #event_respanel .weeks, что не очень хорошо, т.к. ограничвает количество подконтейнеров (до 50 в данном случае) и заставляет устанавливать задданную ширину подконтейнера, хотя хотелось бы, чтобы она наследовалась от #event_respanel .week-box 


--------------------
PM MAIL WWW ICQ   Вверх
ksnk
Дата 28.4.2009, 09:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Alx, Проблема в том, видимо, что без явного указания ширины контейнеру .week-line не хочется расширяться в ширину. Так что указывать ее надо. Как базовую разметку можно использовать ту, которая в первом посте - картинка сразу, видимо, не едет, а вот расставлять ширИны можно и javascript'ом. Посчитать количество week-контейнеров и переставить ширину в 100*X%. То-же самое и с шириной  week. Ее можно указывать в (100/X)%, чтобы не садиться на onresize...



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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