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


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 372 3 темы, 22 сообщения, 8 баллов репутации

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

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

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

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

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

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

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

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

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

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

  • Фотография Napoleon-007
    #7

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

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

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

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

    bor10811
    Очков активности: 15 2 темы, 4 сообщения, 1 балл репутации

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

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

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


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

#1 shaddad

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

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

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

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Сборник вопросов по HTML, CSS и прочее
  2. Как давно вы увлекаетесь веб-разработкой
  3. Что изучать после html и css?

#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