эм… мужики, нужна консультация верстальщиков, подробность внутри.

Tagged with →  

22 Responses to эм… мужики, нужна консультация верстальщиков, подробность внутри.

  1. KapCap:

    есть html-код,
    почему ширина div-ов не подстроилась под ширину содержащейся внутре таблицы? и как сделать так чтоб div по ширине полностью захватил табличку?

  2. Hccon:

    Потому что символы в строках таблицы набраны без пробелов

  3. KapCap:

    хатю штоб в этой верстке зиленый задник был под всей таблицей, даже в ситуации когда вся таблица по ширине не помещается в браузер.

  4. FfiSpb:

    не знаю, но в этом конкретном случае сработало float:left;

  5. KapCap:

    мне кажется это не полное объяснение. спасибо.

  6. KapCap:

    зачем это мне?

  7. KapCap:

    ага. ты флоат первому диву ставил?
    а почему сработало?

  8. FfiSpb:

    я хз, мимо проходил)) Сначала думал nbsp вставить, или вложеный див или еще одну вложить таблицу… Не сработало. И не факт что float сработает нужным образом в полном варианте верстки. В общем, я не профи, интуитивно пробовал.

  9. SukCap:

    для наглядности

  10. FfiSpb:

    table border=1 bgcolor=#aaffaa cellpadding=5px cellspacing=10px

  11. FfiSpb:

    «по науке», наверное, лучше реализовать эту штуку(таблица внутри зеленого бокса) как таблицу внутри таблицы или див внутри дива(таблица из дивов), а если просто покрасить, то вообще через свойства таблицы, не?

  12. KapCap:

    у меня вёрстка сделана «по науке» — дизайн на дивах, однородные данные — в таблицу. и вот я столкнулся с проблемой, что дивный блок не растянулся под ширину таблицы с данными.

  13. Xelnode:

    Как вариант — используй clearfix для этих зеленых дивов (подключи эти стили и пропиши класс clearfix для зеленого)
    http://www.webtoolkit.info/css-clearfix….

  14. FfiSpb:

    видимо, у таблицы и дива разные приоритеты и подход к понятию «резиновый»… Надо задать явно размеры дива, тогда он вылезет за экран. А ты хочешь чтобы он был резиновый, и при этом вылезал из браузера.
    Я вспомнил про overflow, но это не помогло.
    Зато помогло display:inline-block; это вроде бы «более лучше правильно» нежели float, но старые браузеры не поддержат))

  15. Retin:

    Вот как-то так:

    Linux Nix Web Development - http://linuxoids.org/ размер 336x327, 17.85 kb

  16. Retin:

    Если серьёзно, то поставьте в обрамляющий таблицу div стиль overflow: auto; и будет вам счастье с длиннющими таблицами!

  17. KapCap:

    ух ты! бро, спасибо за совет.
    собсно вопрос уже не актуален т.к. я написал js-обработчик в document.readry, но всё равно попробую 🙂

  18. 2moSpb:

    js обработчик для css ебануться нахуй

  19. KapCap:

    я знаю. но пользы от твоего комментария примерно столько же, сколько в твоём комментарии знаков препинания.

Добавить комментарий