X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Вопрос для знающих html и css
shaddad_mw
shaddad_mw
Topic Starter сообщение 2.1.2013, 20:59; Ответить: shaddad_mw
Сообщение #1


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


overflow:hidden
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shaddad_mw
shaddad_mw
Topic Starter сообщение 2.1.2013, 22:40; Ответить: shaddad_mw
Сообщение #3


Нет, не помогает...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Agriiii
Agriiii
сообщение 2.1.2013, 23:02; Ответить: Agriiii
Сообщение #4


html, body {
  height: 100%;
}


Если есть обвертка - к ней тоже надо добавить или указать явно высоту. Если оно не знает высоту - то и не знает сколько это будет 100%. Вы ведь тоже в цифрах не скажете сколько 100% от бесконечности.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shaddad_mw
shaddad_mw
Topic Starter сообщение 2.1.2013, 23:06; Ответить: shaddad_mw
Сообщение #5


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

#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;}

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Agriiii
Agriiii
сообщение 2.1.2013, 23:24; Ответить: Agriiii
Сообщение #6


А html? А body где?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isvetlichniy
isvetlichniy
сообщение 2.1.2013, 23:35; Ответить: isvetlichniy
Сообщение #7


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

<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>

это точно будет работать

стили подправишь сам как надо, ширину, цвета, фон. суть метода в том, что правая колонка всегда будет по высоте левой и наоборот кстати.
а еще рекомендую использовать фиксированную ширину для главного блока страницы. резиновая верстка уже как то не в моде
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Agriiii
Agriiii
сообщение 2.1.2013, 23:37; Ответить: Agriiii
Сообщение #8


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

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


Если я правильно понял структуру макета, нам же код html не показали :blink:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shaddad_mw
shaddad_mw
Topic Starter сообщение 2.1.2013, 23:39; Ответить: shaddad_mw
Сообщение #9


isvetlichniy, Спасибо попробую.
С фиксированной шириной никак не могу определиться - у всех ведь разрешения экранов разное, от этого и мучает мысль, что кому-то будет не комфортно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isvetlichniy
isvetlichniy
сообщение 2.1.2013, 23:40; Ответить: isvetlichniy
Сообщение #10


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

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

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

а если контента будет больше, чем может вместить заданная высота?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) ВНИМАНИЕ: OnClickA - надежная рекламная сеть для вебмастеров и рекламодателей 🔥 Монетизируй любой трафик 🔥
Выкупим весь твой трафик. Повышенные выплаты для топовых паблишеров &#
6 OnClickA 1945 Вчера, 17:15
автор: OnClickA
Открытая тема (нет новых ответов) ✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐
Сервис для получения SMS на реальные номера USA
9 Chekon 3367 Вчера, 13:24
автор: Chekon
Горячая тема (нет новых ответов) AviTool - мощный инструмент для автоматизации работы с Avito
90 Shadow 76512 15.3.2024, 22:07
автор: Shadow
Открытая тема (нет новых ответов) Получение гос. гранта для IT сферы
2 metvekot 933 15.3.2024, 11:08
автор: Skyworker
Открытая тема (нет новых ответов) Atlantic 2.0 - для безлимитного решения кликами Recaptcha и кликовой капчи Яндекс
3 waterworld 1502 14.3.2024, 12:29
автор: waterworld


 



RSS Текстовая версия Сейчас: 19.3.2024, 12:09
Дизайн