Перейти к содержимому


Пользователь месяца
TimurR TimurR 1-й за Август
Очков активности: 726 3 темы, 35 сообщений, 11 баллов репутации
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 207 2 темы, 17 сообщений, 6 баллов репутации

  • Фотография Ixman
    #2

    Ixman (o5cat.ru)
    Очков активности: 105 0 тем, 10 сообщений, 7 баллов репутации

  • Фотография WGN
    #3

    WGN (worldgamenews.com)
    Очков активности: 75 Вне конкурса за определение пользователя месяца

  • Фотография magnet
    #4

    magnet (rbfxdirect.com)
    Очков активности: 67.5 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 36 Вне конкурса за определение пользователя месяца

  • Фотография Developer
    #6

    Developer
    Очков активности: 33 2 темы, 16 сообщений, 1 балл репутации

  • Фотография AnnaYa
    #7

    AnnaYa (topbase.ru)
    Очков активности: 33 2 темы, 5 сообщений, 2 балла репутации

  • Фотография Алексей111
    #8

    Алексей111
    Очков активности: 28.5 5 тем, 4 сообщения, 1 балл репутации

  • Фотография TimurR
    #9

    TimurR
    Очков активности: 27 Вне конкурса за определение пользователя месяца

  • Фотография fedornabilkin
    #10

    fedornabilkin (zaka4ano.ru)
    Очков активности: 24 0 тем, 4 сообщения, 4 балла репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 24.09.2018
Топ 5 участников по репутации


Вопрос для знающих html и css

#1 shaddad

shaddad
  • Неактивные
  • 42 сообщений
  • Репутация: 0
0

Отправлено 02 January 2013 - 19:59

Приветствую.
Есть html страничка, разделённая на 2 колонки - контент и - сайдбар.
Сделано примитивно - через float:left и float:right - и задан диапазон ширины в процентах.
Так вот - проблема: сайдбар поставлен на height:100% - и тянется только до окна браузера, а если контента много и появился ползунок браузера (если по нему спустится вниз), то сайдбар прерывается. Вопрос: как сделать так, чтобы сайдбар соответствовал длине контента?

 

 

  • 0

#2 isvetlichniy

isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 02 January 2013 - 20:14

overflow:hidden
  • 0

#3 shaddad

shaddad
    Topic Starter
  • Неактивные
  • 42 сообщений
  • Репутация: 0

Отправлено 02 January 2013 - 21:40

Нет, не помогает...


  • 0

#4 Agriiii

Agriiii
  • Неактивные
  • 378 сообщений
  • Репутация: 40

Отправлено 02 January 2013 - 22:02

html, body {
  height: 100%;
}

Если есть обвертка - к ней тоже надо добавить или указать явно высоту. Если оно не знает высоту - то и не знает сколько это будет 100%. Вы ведь тоже в цифрах не скажете сколько 100% от бесконечности.
  • 0

#5 shaddad

shaddad
    Topic Starter
  • Неактивные
  • 42 сообщений
  • Репутация: 0

Отправлено 02 January 2013 - 22:06

Немного непонятно - вот мой стиль:

#all {width:100%;min-height:100%; height:100%; margin:0 auto; background:#808080}
#left {float:left; width:70%; padding-left:25px}
#right {float:right; width:20%;background:#d5d5d5; height:100%; padding-left:10px; border-left: 3px solid #000;}

  • 0

#6 Agriiii

Agriiii
  • Неактивные
  • 378 сообщений
  • Репутация: 40

Отправлено 02 January 2013 - 22:24

А html? А body где?
  • 0

#7 isvetlichniy

isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 02 January 2013 - 22:35

забыл еще один вариант тебе подсказать
копай вот в эту сторону

<div style="display:table-cell;">
<div style="display:table-row">
<div style="display:table-cell;background:red">column 1</div>
<div style="display:table-cell;background:blue">column 2</div>
</div>
</div><div style="display:table-cell;">
<div style="display:table-row">
<div style="display:table-cell;background:red">Left</div>
<div style="display:table-cell;background:blue">Right</div>
</div>
</div>
это точно будет работать

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

#8 Agriiii

Agriiii
  • Неактивные
  • 378 сообщений
  • Репутация: 40

Отправлено 02 January 2013 - 22:37

Да, можно и таблицами сверстать.. но почему бы просто не прописать высоту? Сравните сами прописывание каждому диву стиль таблиц или в CSS один параметр дописать нескольким дивам:

html, body, all, left, right {
  height: 100%;
}

Если я правильно понял структуру макета, нам же код html не показали :blink:
  • 0

#9 shaddad

shaddad
    Topic Starter
  • Неактивные
  • 42 сообщений
  • Репутация: 0

Отправлено 02 January 2013 - 22:39

isvetlichniy, Спасибо попробую.
С фиксированной шириной никак не могу определиться - у всех ведь разрешения экранов разное, от этого и мучает мысль, что кому-то будет не комфортно.


  • 0

#10 isvetlichniy

isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 02 January 2013 - 22:40

Да, можно и таблицами сверстать..

это не табличная верстка

но почему бы просто не прописать высоту?

а если контента будет больше, чем может вместить заданная высота?
  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru