skatadov

Высота .number изменяема, или фиксированная?

Сейчас специально потестил на просто html файликах - работает.

Проблема вашего блога в том, что он что-то тянет с указанного адреса, который на момент вытягивания нужной ему штуки недоступен. Следует выяснить, что конкретно он оттуда тянет, и нужно ли оно вообще... Если jquery какое-нибудь, перекиньте на свой сервер.

Попробуйте в тпл запихать ссылку на скрипт:

http://verstalshik.info/test/minmax.js

<!--[if IE 6]>

<script type="text/javascript" src="minmax.js"></script>

<![endif]-->

min-... и max-... должны по идее заработать.

../css/style.css

Без понятия, что там во вконтакте... Но, судя по всему, вам надо смотреть в сторону overflow: scroll;

Либо появляющегося по клику на ссылке модального окна с position: fixed;

Не понимаю из вопроса, что конкретно вам нужно.

Т.е. вы применяете для .container float:left, после чего .container выходят за пределы #block, я правильно понял проблему?

Попробуйте задать для #block overflow: hidden;

А почему полностью верстку не выложили?

Как вариант,

<div>
<ul>
<li>menu</li>
<li>menu</li>
<li>menu</li>
</ul>
<img src="img/logo.jpg" alt="" />
<ul>
<li>menu</li>
<li>menu</li>
<li>menu</li>
</ul>
</div>

div {
overflow: hidden;
width: 500px;
text-align: center;
margin: 20px auto;
border: 1px solid #000;
padding: 20px;
}
img {
height: 200px;
width: 100px;
margin: 0 auto;
border: 1px solid #000;
}
ul {
float: right;
padding: 40px 0 0 0;
list-style: none;
}
ul:first-child{
float: left;
}
li {
width: 180px;
border: 1px solid #000;
text-align: left;
margin: 0 0 20px 0;
}

А откуда еще их можно взять?

Вы бы лучше не скриншот выложили, а ссылку на проблемную страницу.

То есть у него отрицательный правый маргин стоит.

Отрицательный маргин там написал по привычке, он не особо нужен - это правка косяка в ИЕ6.

100%-ю высоту(минимальную) ему задать уже не получится.(Я правильно понял?)

Да. И не надо ее задавать, См. ниже.

То есть нужно будет как то это дело совмещать с бекграундом для #btouter

Верно

Грубо говоря, делим фон на три части. Первая часть, которая, собственно, тянется по высоте - это картинка шириной с левый сайдбар (.btl), вторая картинка, засунутая фоном в див формирует нижнюю часть сайдбара - этот див крепим аюсолютно к футеру, третья часть - оформление верхушки сайдбара - пихается как background в .btl, которому задается min-height, равное по высоте этой картинке, чтоб стыков видно не было - вот и как надо оформленная левая колонка, тянущаяся на 100% высоты. А в нее (.btl) уже, в свою очередь, можно пихать нужный контент.

Сайдбар можно наполнять контентом как угодно.

Тени... Насколько я помню вашу верстку, там сайдбар сделан одним блоком, растянутым на 100% высоты.

В моем варианте сделана, так скажем, ложная колонка путем замощения на 100% высоты картинкой, пущенной по вертикали.

Сам сайдбар имеет высоту контента, который в него будет забит.

Отсюда не получится таким образом делать тени там посредством css и придется добавлять дополнительно дивы с картинками для достижения нужного эффекта.

Ну или получится, но несколько более замороченно.

В правую колонку (.btr) добавить контент, конечно, можно - попробуйте и посмотрите, что из этого выйдет.

Потому и сказал о абсолютном в ней позиционировании контента и, соответственно, вызванных этим ограничениях.

Схематично набросал свой вариант решения

http://verstalshik.info/test/0001/1.html

Вроде как все условия соблюдены.

Возможность забить любой объем текста в всплывающее окно, сайдбар на всю высоту, прижатый футер.

Но этот способ, как уже и писал, будет нормально работать только если в правую колонку не пойдет больше никакого контента.

Либо позиционировать этот контент абсолютно, задавать правой колонке минималку по высоте для этого... Т.е. не без ограничений.

Правда, придется для левой колони обойтись без box-shadow и использовать довольно большие картинки местами для достижения нужного эффекта.

Если я правильно все понял, проблема с сайдбаром и футером при желании решаема.

Что вы имеете в виду под сайдбаром? Узкая серая вертикальная полоса слева?

Раз ничего не предполагалось, можно спокойно было бы задать окну position: relative; - в таком случае, оно просто растягивало бы окружающие блоки. Нельзя так было бы сделать только из-за контента, который мог быть на странице за пределами окна. В правой колонке имею в виду.

Вряд-ли... Абсолютное на то и абсолютное, чтобы так себя вести: "другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет".

А что на странице еще будет? Можно макет глянуть? Какого рода контент? Он изменяем? Можно как-то попробовать извернуться в принципе по иному, без absolute для окна.

wrapper-у задать overflow: hidden;

Три блока внутри - каждому float: left; и ширину в 33%

Как-то так.

А вообще, посмотреть бы страничку с вашей версткой.

Для начала, уберите с картинки header.jpg белый фон с центра. Это будет, пожалуй, лучше всего. Либо хотя бы сделайте так, чтобы он был точно посредине этой картинки - так, чтобы от были с обеих сторон одинаковые расстояния от края картинки до края фона. Сейчас справа заметно больше, чем слева. background-position для него задайте 50% 0.

Все width измените с 1001 на 1000px

Дальше - посмотрим что выйдет.

А файлы шрифтов не побились случаем при загрузке на сайт?

Скачал файлик по ссылке

http://наши-фото.рф/templates/foto/fonts/pfsquaresanspro-light-wf.ttf

Пытаюсь открыть - "Запрошенный файл не является файлом шрифтов".

Лучше ссылку на страницу)

Чтобы вживую увидеть, с картинками header.jpg и прочими на своих местах.

Так все равно мало чего понятно.

Вы бы хоть верстку выложили, без нее ничего конкретного сказать нельзя.

Попробуйте перенести все, что относится к maneBg_2.jpg от body к #main

Т.е. туда, где min-height: 100%;

Не знаю, как правильно сформулировать... Просто если высота 100%, то это выходит высота окна браузера, а если 100% - это минималка, то уже как бы считается по высоте контента. А с контентом страница выше, чем рабочая область окна браузера.

Сейчас покрутил, вроде выходит то что надо.

стер

Выложите если можно не скрин, а ссылку на рабочую страницу, чтобы вживую все посмотреть-пошевелить можно было.