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

Реферальная программа Мегаплана


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

#1 shaddad

shaddad
  • Пользователь
  • 42 сообщений
  • Репутация: 0
0

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

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

 

 

  • 0

#2 isvetlichniy

isvetlichniy
  • Пользователь
  • 619 сообщений
  • Репутация: 93

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

overflow:hidden
  • 0

#3 shaddad

shaddad
    Topic Starter
  • Пользователь
  • 42 сообщений
  • Репутация: 0

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

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


  • 0

#4 Agriiii

Agriiii
  • Пользователь
  • 378 сообщений
  • Репутация: 40

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

html, body {
  height: 100%;
}

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

#5 shaddad

shaddad
    Topic Starter
  • Пользователь
  • 42 сообщений
  • Репутация: 0

Отправлено 02 Январь 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 Январь 2013 - 22:24

А html? А body где?
  • 0

#7 isvetlichniy

isvetlichniy
  • Пользователь
  • 619 сообщений
  • Репутация: 93

Отправлено 02 Январь 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 Январь 2013 - 22:37

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

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

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

#9 shaddad

shaddad
    Topic Starter
  • Пользователь
  • 42 сообщений
  • Репутация: 0

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

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


  • 0

#10 isvetlichniy

isvetlichniy
  • Пользователь
  • 619 сообщений
  • Репутация: 93

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

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

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

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

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

robot

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


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