За последние 24 часа нас посетили 16592 программиста и 1649 роботов. Сейчас ищут 2054 программиста ...

высота родительского блока < высота дочернего

Тема в разделе "HTML и CSS", создана пользователем Neka, 14 июн 2010.

  1. Neka

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

    С нами с:
    16 янв 2010
    Сообщения:
    188
    Симпатии:
    0
    Приетствую!
    Есть колонка RIGHT флоатом, заполняется она скриптами, поэтому ее получаемая высота неизвестна, она же находится в родительском блоке WRAP, в котором находиться ВЕСЬ контент, и выровнен маржин: авто и ширина: 1000пх. Почему RIGHT вылазит за границы WRAP'а?!?! я уже какой месяц голову ломаю, все не придумывается=\\

    Да что я рассказываю, посмотрите сами: http://proilim.ru/newilim. Бордер указывает границы WRAP-блока, ну а RIGHT надеюсь вы и сами без труда отыщите.

    Плиз хелп ми! =(
     
    #1 Neka, 14 июн 2010
  2. Апельсин

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

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    оффтоп. Верстайте таблицами и будет вам счастье - все чОтко и никуда никогда не "улетит".
     
    #2 Апельсин, 14 июн 2010
  3. Neka

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

    С нами с:
    16 янв 2010
    Сообщения:
    188
    Симпатии:
    0
    Ммм, умно...
    Идите со своими таблицами в Exсel...
     
    #3 Neka, 14 июн 2010
  4. флоппик

    флоппик Guest

    Потому что флоат извлекает блок из текущего контекста потока, и на размеры родителя он больше не влияет.
    Самый разумный и простой способ решить проблему, это вставить
    HTML:
    1. <div style="clear: both"></div>
    после нужного флоата (после которого предполагается вернутся в основной поток)
     
    #4 флоппик, 14 июн 2010
  5. Neka

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

    С нами с:
    16 янв 2010
    Сообщения:
    188
    Симпатии:
    0
    Флоппик, Спасибо! Именно то, что нужно.
     
    #5 Neka, 14 июн 2010
  6. Volt(220)

    Volt(220) Активный пользователь

    С нами с:
    11 июн 2009
    Сообщения:
    1.640
    Симпатии:
    1
    Только могут быть проблемы с IE. Как минимум с IE<8.
     
    #6 Volt(220), 14 июн 2010
  7. флоппик

    флоппик Guest

    неа. это если бы у тебя реальный элемент имел, тогда да. А это ж пустой див, пострадает - не жалко ;)
     
    #7 флоппик, 15 июн 2010
  8. Volt(220)

    Volt(220) Активный пользователь

    С нами с:
    11 июн 2009
    Сообщения:
    1.640
    Симпатии:
    1
    флоппик
    Конструкция вида:
    HTML:
    1.  
    2. <!--Этот info находится в среднем из 3 дивов, у которых float=left.-->
    3. <div class='info'>
    4.     <div class='right'>
    5.         <a href='site.com'>Перейти</a>
    6.     </div>
    7.     <div class='clearAll'></div>
    8.     <p>Всякий текст...</p>
    9. </div>
    10.  
    в IE7 расширяла слева див c классом info пикселей на 20.
    Причем если убрать див с clearAll, то все в порядке (но, естественно ссылка плавает против текста, а не над ним)
    [css].info {
    zoom:1
    }[/css]
    тоже помогало.
     
    #8 Volt(220), 15 июн 2010
  9. флоппик

    флоппик Guest

    Это проблема с невключением hasLayout, оно собсно с потоком не связанно, и проявляется далеко не только в этом случае )
     
    #9 флоппик, 15 июн 2010
  10. Neka

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

    С нами с:
    16 янв 2010
    Сообщения:
    188
    Симпатии:
    0
    Спасибо всем!
    Запустил)) IE8, Opera 10.x, Mozilla FireFox 3.x - без косяков.
    А вот 5.5>=IE>=7 - просто ужасс)) Займусь в скором времени
     
    #10 Neka, 16 июн 2010
  11. tenshi

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

    С нами с:
    1 июн 2010
    Сообщения:
    191
    Симпатии:
    0
    #11 tenshi, 18 июн 2010
  12. krolik

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

    С нами с:
    17 мар 2010
    Сообщения:
    26
    Симпатии:
    0
    Всем привет!
    есть проблема с css
    Нужно сделать меню на jquery как здесь http://www.antonygormley.com/ менюшка сверху (сделана на флеш)
    сама менюшка у меня уже готова (Jquery+css+php+mysql)
    не получается сделать правильные стили, т.е. точную копию работы
    Нужно чтобы дочерние элементы были на той же высоте, что и сама менюшка.
    сейчас работает только как везде (дочерний элемент на уровне родителя)
    помогите плиз )))
    вот код css
    [css]
    ul.sample-menu{
    margin: 0px;
    padding: 0px;
    list-style:none;
    }

    ul.sample-menu li {
    position: relative;
    width: 120px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    top:0px;
    }

    ul.sample-menu li ul {
    position: absolute;
    left: 120px;
    }
    [/css]

    В ul.sample-menu li
    top:0px; мало чего решает, можно добавить отрицательное число и подогнать дочерние элементы к началу меню, но меню динамическое!!!
     
    #12 krolik, 27 июл 2010
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)