Вопрос по <div> верстке в css

(Ответов: 12, Просмотров: 1223)
Страница 1 из 2 12 Последняя
  1. Banned
    • Регистрация: 19.08.2011
    • Сообщений: 605
    • Репутация: 58
    Что касется верстки на div, может кто-то в курсе, как растянуть дочерние блоки (left, right, content) на всю высоту? Т.е чтобы все они примыкали к футеру несмотря на объем содержания других блоков. А то выходит, что если в одном блоке контента больше то он будет большей высоты (длинные). А остальные блоки из-за этого не достают до футера.
    • 0
  2. Студент Аватар для zkzakhar
    • Регистрация: 26.08.2011
    • Сообщений: 86
    • Репутация: 6
    • Webmoney BL: ?
    В самом теге пропиши стиль <div style="height: 100%"> Только что пробовал - у меня получилось.
    • 1

    Спасибо сказали:

    Igor_13(03.12.2011),
  3. Software Engineer Аватар для Zvеr
    • Регистрация: 07.02.2010
    • Сообщений: 603
    • Репутация: 228
    • Webmoney BL: ?
    Это называется эмуляция высоты колонок, советую почитать статью тут, там описана идея и есть пример :) в закладках у меня лежит, часто использую.

    zkzakhar во всех браузерах включая IE и с фиксированым хидером? :) Скролинг должен появиться...
    • 2

    Спасибо сказали:

    Igor_13(03.12.2011), zkzakhar(03.12.2011),
  4. Студент Аватар для zkzakhar
    • Регистрация: 26.08.2011
    • Сообщений: 86
    • Репутация: 6
    • Webmoney BL: ?
    Zvеr, насколько я понял, то если текста станет больше - требуется удлинение самой колонки с футером... Что бы скролинг появился, и высота не менялась, тогда надо задать фиксированную длину и добавить: <div style="height: 250px; overflow: scroll"> как-то так
    Вот за
    Цитата Сообщение от Zvеr Посмотреть сообщение
    во всех браузерах включая IE и с фиксированым хидером?
    ничего не могу сказать, не знаю
    Тоже ознакомлюсь со статьей, спасибо.
    Последний раз редактировалось zkzakhar; 03.12.2011 в 21:19.
    • 1

    Спасибо сказали:

    Igor_13(05.12.2011),
  5. Banned
    • Регистрация: 19.08.2011
    • Сообщений: 605
    • Репутация: 58
    Zvеr, спасибо. Попробую оба способа, и ваш и zkzakhar
    • 0
  6. Banned
    • Регистрация: 19.08.2011
    • Сообщений: 605
    • Репутация: 58
    zkzakhar, ваш способ не работает. Вроде все верно вставлял, реакции 0.
    Вот HTML код:
    Скрытый текст (вы должны зарегистрироваться или войти под своим логином):
    У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.

    Вот css:
    Скрытый текст (вы должны зарегистрироваться или войти под своим логином):
    У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.


    Zvеr, спасибо за ссылку, но я наверно чего-то не понял, так как у меня не совсем такой код.
    Я в css - полный нуб. Может кто-то разжевать мне?) Буду очень признателен.
    • 0
  7. Гуру Аватар для Jeremen
    • Регистрация: 10.10.2011
    • Сообщений: 766
    • Репутация: 92
    • Webmoney BL: ?
    Igor_13, если вы собираетесь в дальнейшем заниматься версткой то посоветую ознакомиться с теорией на http://htmlbook.ru - лучшего в рунете не видел по тематике html & css!
    Время не любит, когда его тратят впустую.
    • 1

    Спасибо сказали:

    Igor_13(04.12.2011),
  8. Banned
    • Регистрация: 19.08.2011
    • Сообщений: 605
    • Репутация: 58
    Jeremen, спасибо за полезный ресурс.
    Блин, проблема не решена. В нете много прочитал, но толку мало. Видимо я тупой. Есдинственный код, который я понял и который работает наполовину (при удлинении левой колонки правая удлиняется, а при удлинении правой левая НЕ удлиняется):
    Код HTML:
    Скрытый текст (вы должны зарегистрироваться или войти под своим логином):
    У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.


    Скрытый текст (вы должны зарегистрироваться или войти под своим логином):
    У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.

    Помогите плиз в чем проблема?
    Последний раз редактировалось Igor_13; 04.12.2011 в 21:35. Причина: опечатка
    • 0
  9. Software Engineer Аватар для Zvеr
    • Регистрация: 07.02.2010
    • Сообщений: 603
    • Репутация: 228
    • Webmoney BL: ?
    Igor_13 используйте метод мною предложенный, добавите всего 2 блока(column и column1 к примеру) и все будет работать :)
    Код в следующий раз если будете выкладывать - выкладывайте в читабельном виде.
    По скольку код ваш примитивен, то мне легче дать ссылку на этот сервис, сгенерируйте там себе шаблон, поставив галочку на "Эмулировать одинаковую высоту колонок", код там тоже сгенерируется примитивный(именно каркас страницы), на нем легко будет разобраться :)
    • 0
  10. Banned
    • Регистрация: 19.08.2011
    • Сообщений: 605
    • Репутация: 58
    Zvеr, в статье на которую вы дали ссылку, дан не весь исходный код по-моему. И я не понял как там все происходит. Инструментом на который вы дали ссылку и тоже пользовался, но мне сейчас нужно именно понять принцип действия и не сделать макет.
    З.Ы.
    Простите за излишнюю дотошность, просто вторые сутки бьюсь над этим вопросом, поднадоело уже)
    • 0
Страница 1 из 2 12 Последняя

Похожие темы

Темы Раздел Ответов Последний пост
Помогите по верстке пожалуйста!
Web программирование 1 30.01.2011 13:49
Предлагаю свои услуги по верстке сайтов
Создание сайтов 7 27.03.2010 00:49

Интересные темы

верстка с помощью div

В одном месте собрана вся нужная информация для тех, кто хочет освоить верстку с помощью div.

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры