Страница 1 из 2 12 ПоследняяПоследняя
Показано с 1 по 20 из 21

Тема: По поводу блочной верстки

  1. #1

    Регистрация
    17.02.2007
    Сообщений
    15
    Доброго времени суток. Такой вопрос- как сделать чтобы высота вложенного блока растягивалась до высоты главного? ставить распорку?

  2. #2

    Регистрация
    06.06.2007
    Сообщений
    104
    А что, height: 100% не помогает?
    Кстати, что такое распорка?

  3. #3

    Регистрация
    17.02.2007
    Сообщений
    15
    height 100% отображает 100% окна браузера. А страница у меня больше. Насчет распорки это я гоню. А вобще это изображение 1 на 1 пиксель прозрачное.

  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Kvex@Jun 17 2007, 15:11
    Доброго времени суток. Такой вопрос- как сделать чтобы высота вложенного блока растягивалась до высоты главного? ставить распорку?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    В соответствии с Вашим вопросом Вам уже дали правильный ответ – height: 100%. Если высота родительского блока задана явно, а высота вложенного блока равна 100% – такой вложенный блок в любом случае займет всю высоту родительского элемента...

    Originally posted by Kvex@Jun 17 2007, 15:11
    height 100% отображает 100% окна браузера. А страница у меня больше.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Предполагаю, что речь идет вот об этом:
    html {height: 100%;}
    body {min-height: 100%;}
    * html body {height: 100%;}

    Originally posted by yanagee@Jun 17 2007, 15:48
    Кстати, что такое распорка?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Это эхо войны... )

  5. #5

    Регистрация
    17.02.2007
    Сообщений
    15
    С тем разобрался. Теперь другая фигня. вертикальный размер у браузеров разный получается. Мозилла показывает нормально. Опера добавляет к высоте пикселей 30 так что строка с копирайтом повисает. А у ИЕ с высотой нормально, но страница уже на 15 пикселей чем у Оперы и Мозиллы. Может кто чего подскажет. Опера стоит девятая, ИЕ - 6й, мозилла последняя.

  6. #6

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Подскажу: скорее всего верхних или нижних отступов или полей понагородили в совокупности со 100%-ной высотой...

  7. #7

    Регистрация
    07.11.2006
    Адрес
    Смоленск
    Сообщений
    153
    Originally posted by Kvex+Jun 17 2007, 16:13-->
    Теперь другая фигня. вертикальный размер у браузеров разный получается.
    Учитываете что у IE скролл всегда занимает определенную ширину. В FF и Opere скролл появляется когда содержимое превышает высоту старницы.
    <!--QuoteBegin-Kvex
    @Jun 17 2007, 16:13
    [b]Опера добавляет к высоте пикселей 30 так что строка с копирайтом повисает. А у ИЕ с высотой нормально, но страница уже на 15 пикселей чем у Оперы и Мозиллы. Может кто чего подскажет. Опера стоит девятая, ИЕ - 6й, мозилла последняя.
    [Только зарегистрированные пользователи могут видеть ссылки. ]

  8. #8

    Регистрация
    17.02.2007
    Сообщений
    15
    Сношался долго. Понял что это не мой косяк а браузеров. Буду думать компромисную верстку =(

  9. #9

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Kvex@Jun 17 2007, 22:21
    Понял что это не мой косяк а браузеров.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Ну не фа-акт... ))

  10. #10

    Регистрация
    06.06.2007
    Сообщений
    104
    Насчет распорки это я гоню. А вобще это изображение 1 на 1 пиксель прозрачное.
    Просто интересно, как может изображение 1 на 1 пиксель прозрачное помочь при растягивании блока по вертикали?

    Подскажу: скорее всего верхних или нижних отступов или полей понагородили в совокупности со 100%-ной высотой...
    Ну да, скорее всего. Высота блока в разных броузерах по-разному считается.

    Сношался долго. Понял что это не мой косяк а браузеров. Буду думать компромисную верстку =(
    А margin: 0; padding:0 не сработало?

  11. #11

    Регистрация
    17.02.2007
    Сообщений
    15
    Не скажу однозначно, но я убрал вообще все margin и padding кроме обнуляющих весь документ и снял принтскрины трех браузеров. Замеряв в фотошопе расстояие от последней строки документа до границы браузера был, мягко говоря, удивлен. У всех трех разное. И далеко не на 1-2 пикселя...

  12. #12

    Регистрация
    17.02.2007
    Сообщений
    15
    Originally posted by yanagee@Jun 18 2007, 09:47
    Просто интересно, как может изображение 1 на 1 пиксель прозрачное помочь при растягивании блока по вертикали?
    Ну да, скорее всего. Высота блока в разных броузерах по-разному считается.
    А margin: 0; padding:0 не сработало?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Почитай литературу по табличной верстке. Изображение в 1 пиксель растягивается чтоб распереть ячейку таблицы.

    А то что считается по разному, это я уже понял =)))

  13. #13

    Регистрация
    06.06.2007
    Сообщений
    104
    Почитай литературу по табличной верстке.
    Не очень, если честно, хочется. Не люблю я табличная вёрстка.
    И вам посоветовал бы верстать дивами.

    Изображение в 1 пиксель растягивается чтоб распереть ячейку таблицы.
    По-моему, это извращение какое-то. (если я правильно понимаю, то мы берем прозрачный 1х1 gif рисунок, вставляем его в ячейку и в хтмл пишем ему height="200" width="1" !?)
    Почему бы ни прописать размер для самой ячейки?

  14. #14

    Регистрация
    17.02.2007
    Сообщений
    15
    Кстати, оцените сайтик. Прошу строго не судить, я и самзнаю, что у меня опыту маловато...
    [Только зарегистрированные пользователи могут видеть ссылки. ]

  15. #15

    Регистрация
    06.06.2007
    Сообщений
    104
    Не скажу однозначно, но я убрал вообще все margin и padding кроме обнуляющих весь документ и снял принтскрины трех браузеров. Замеряв в фотошопе расстояие от последней строки документа до границы браузера был, мягко говоря, удивлен. У всех трех разное. И далеко не на 1-2 пикселя...
    дык, может код посмотреть дадите?

  16. #16

    Регистрация
    06.06.2007
    Сообщений
    104
    Кстати, оцените сайтик. Прошу строго не судить, я и самзнаю, что у меня опыту маловато...
    [Только зарегистрированные пользователи могут видеть ссылки. ]
    Дабы не вызывать гнев модераторов, советую этот вопрос поднять в [Только зарегистрированные пользователи могут видеть ссылки. ]

  17. #17

    Регистрация
    17.02.2007
    Сообщений
    15
    Originally posted by yanagee@Jun 18 2007, 14:41
    дык, может код посмотреть дадите?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    без margin&#39;ов и padding&#39;ов код выл уничножен. А то что есть сейчас:
    [Только зарегистрированные пользователи могут видеть ссылки. ]
    [Только зарегистрированные пользователи могут видеть ссылки. ]

  18. #18

    Регистрация
    06.06.2007
    Сообщений
    104
    А в чём проблема-то?
    Я имел ввиду только тот участок кода, из-за которого всё и началось. Или всё уже исправили?

  19. #19

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Kvex@Jun 18 2007, 16:29
    Почитай литературу по табличной верстке
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Свалили в ужас...

  20. #20

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by Kvex@Jun 18 2007, 13:23
    Не скажу однозначно, но я убрал вообще все margin и padding* кроме обнуляющих весь документ и снял принтскрины трех браузеров. Замеряв в фотошопе расстояие от последней строки документа до границы браузера был, мягко говоря, удивлен. У всех трех разное. И далеко не на 1-2 пикселя...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    в целях самообразования можно почитать вот это еще [Только зарегистрированные пользователи могут видеть ссылки. ]

Страница 1 из 2 12 ПоследняяПоследняя

Похожие темы

  1. Требуется помощь (таблицы в блочной вёрстке)
    от Antidote в разделе Вёрстка сайта
    Ответов: 1
    Последнее сообщение: 31.01.2010, 20:43
  2. Границы DIV в блочной верстке
    от Violator в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 18.12.2006, 11:04
  3. Где найти Хороший учебник по блочной вёрстке?
    от Webtailor в разделе Вёрстка сайта
    Ответов: 1
    Последнее сообщение: 06.09.2006, 00:28
  4. помощь в блочной расфасофке
    от MANIX в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 27.06.2005, 22:37
  5. первая проба блочной верстки
    от WebDev в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 27.01.2005, 16:24

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •