За последние 24 часа нас посетили 21850 программистов и 1690 роботов. Сейчас ищут 1896 программистов ...

2 див горизонтально

Тема в разделе "HTML и CSS", создана пользователем vikrorpert, 25 ноя 2015.

  1. vikrorpert

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

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
    понадобилось разместить 2 див с текстом горизонтально. нагуглил решение через float
    одному диву float:left а другому float:right но в итоге один див был под другим, возможно изза длинного текста
    пришлось делать через display: table-cell;
    как правильно сделать через float?
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
  3. vikrorpert

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

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
    c display: inline; дивы вертикально отображаются
    наверно гдето конфликт, только как найти?
     
  4. VLK

    VLK Старожил

    С нами с:
    15 дек 2013
    Сообщения:
    3.010
    Симпатии:
    58
  5. mahmuzar

    mahmuzar Старожил

    С нами с:
    6 апр 2012
    Сообщения:
    4.631
    Симпатии:
    425
    Адрес:
    РД, г. Махачкала.
    vikrorpert, если делать с float то хватает одному первому диву задать float: left; а для последнего дива clear: both; чтобы остальное не переносилось.
    покажи
     
  6. Barbos

    Barbos Новичок

    С нами с:
    19 ноя 2015
    Сообщения:
    6
    Симпатии:
    0
    Нужно указать размеры(ширину) наружного и двух внутренних дивов
     
  7. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    Ещё есть flex box, но смотри в каких браузерах он работает.
     
  8. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    в очень молодых
     
  9. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.114
    Симпатии:
    1.244
    Адрес:
    там-сям
    Не возможно, а точно из-за размеров. Что, вариант указать размер ты не рассматриваешь? Зря.

    Это называют "верстка по сетке". Проще всего взять готовый CSS фреймворк и не страдать ***ней. Ну или подсмотреть принцип как это делается. А делается элементарно: надо задать размеры либо в абсолютных величинах, либо относительно контейнера. Не забыть учесть отступы. Для фиксированных размеров есть калькулятор.

    В принципе, таблица это тоже решение. Но она не позволит блокам перескочить на новую строку при узком экране, а это бывает нужно (адаптивная верстка).
     
  10. vikrorpert

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

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
    спасибо,с шириной получилось
    поставил width:50%
     
  11. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    нужно было отказаться от таблиц чтобы придти к таблицам...

    [​IMG]
     
  12. vikrorpert

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

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
    без таблиц сделал
    одному диву задал
    float:left;width:50%
     
  13. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    50% от чего? =)
     
  14. vikrorpert

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

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
    хороший вопрос
    наверно от ширины дива-контейнера
     
  15. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    своей же вроде ширины, нет? =)
     
  16. vikrorpert

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

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
    у контейнера нет
     
  17. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Тогда надо задаться вопросом откуда берется ширина родителя в хтмл.
     
  18. Barbos

    Barbos Новичок

    С нами с:
    19 ноя 2015
    Сообщения:
    6
    Симпатии:
    0
    Дивы(block) без заданной width имеют свойство растягиваться на всю ширину родителя, вот у контейнера ширина своего родителя.