За последние 24 часа нас посетили 17722 программиста и 1724 робота. Сейчас ищут 1138 программистов ...

Css ширина

Тема в разделе "HTML и CSS", создана пользователем Your, 6 фев 2012.

  1. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Приветствую всех! Доброго времени!

    Уважаемые знатоки, прошу подскажите в чем собственно подвох.
    Есть такой html код:
    Код (Text):
    1.  
    2. <div class="classes">
    3.      <ul class="classes">
    4.          <li></li>
    5.          <li></li>
    6.          <li></li>
    7.      </ul>
    8. </div>
    И css код:
    Код (Text):
    1.  
    2. div.classes{position:relative;height:55px;width:400px;overflow:hidden;}
    3. ul.classes{display:block;height:55px;width:100%;margin:0;list-style:none;}
    Так, вот сама проблема в том, что когда стоит ширина 100%, то все обрывается на 400px и дальше не продолжается если панель пополняется <li></li>, " N " количество раз.
    Если я стравлю 300% она нормально продолжается и до такой степени пока не будет 300% и она обрывается на 400px опять и снова, дошло в плоть до такого width:500000000%; выше значения не поддерживаются))))


    Как быть то!? Нужно сделать чтобы ширина была 100% не зависимо, от пополнения контента, чтобы всегда продолжалось.
     
  2. yuri

    yuri Активный пользователь

    С нами с:
    16 янв 2012
    Сообщения:
    288
    Симпатии:
    2
    закеж скриншот, что там у тебя "не продолжается" :)
    P.S.у div.classes не надо 100% ширину поставить?
     
  3. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Глупость говоришь!
    height:55px;width:400px;overflow:hidden; Плохо показано, что у дива стоит!?
     
  4. yuri

    yuri Активный пользователь

    С нами с:
    16 янв 2012
    Сообщения:
    288
    Симпатии:
    2
    Глупость пишешь!
    Что там у тебя может "продолжаться", если у контейнера стоит фиксированная ширина и overflow:hidden.
     
  5. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    И, что теперь по твоему она не увеличится если ее сделать 300% или 1200px в ul.slider ?
    Ты путаешь, что - то она станит 1200 за место 400ста.

    И как раз токи не надо там в div.slider ставить 100%.
    Но надо, чтобы она была бесконечна.
    А то получается, что только до этого мета доходит до 1200 и все.
     
  6. yuri

    yuri Активный пользователь

    С нами с:
    16 янв 2012
    Сообщения:
    288
    Симпатии:
    2
    убери ширину совсем
     
  7. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Это тоже самое что и 100% будет, не поможет.

    Убиваюсь уже этим 2 дня, без сверх большой ширины максимум что возможно, не пашет как надо, а как блин сделать, чтобы ровно было 100% всегда и само тянулось после фиксации. А не до указанного(
     
  8. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    ну этого должно хватить в принципи))

    width:500000000%; ???

    Выглядит конечно не много обещающе))
     
  9. AndreJM

    AndreJM Активный пользователь

    С нами с:
    25 янв 2012
    Сообщения:
    522
    Симпатии:
    0
    Дык это же платформер типа супер марио, только на css =)
     
  10. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Слушай ты прав, надо попробовать, сделать, чтобы она добавлялась сама как - то, так, чтобы рассчитывалась наверно ширина каждого объекта!

    Потом как нибудь попробую:)), может быть такое что значение дойдет до миллиарда и тупо все вообще скроется(

    Как это произашло width:500000000%;

    Всетаки это не вариант))) Но выхода почему то не вижу.
     
  11. asokol

    asokol Активный пользователь

    С нами с:
    17 янв 2012
    Сообщения:
    162
    Симпатии:
    0
    Your, объясните, что хочется получить в результате? Если Вы хотите, чтобы ul растягивался по ширине контента в li, то, возможно, поможет position:absolute у ul. Если хочется, чтобы появлялись полосы прокрутки, а не "обрывалось на 400px", то смените overflow:hidden на scroll. Не совсем понятно, что требуется получить, поэтому и ответы соответствующие. А еще лучше, если бы Вы объяснили, для чего это нужно.
     
  12. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Понятнее не куда сказал, нужно, чтобы ширина тянулась сама никаких скроллов мне не нужно.