Растянуть блок до низа сайта

@Pro100kvachina · Регистрация: 23.01.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте, подскажите как мне растянуть меню до самого низа

@Divinesites · 13.08.2013, 11:59

Код покажите, пожалуйста

@Pro100kvachina · 13.08.2013, 12:03 **[ТС]**

весь код не стану писать

HTML5
1
2
3
4
5
6
7
8
<div class='site'>
            <div class="menu">              
            </div>
                тут меню
            <div class="wrapper">
                тут контент
            </div>
        </div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.site{
    width: 59.2em;
    margin: 2.5em auto;
}
.wrapper{
    padding: 0 0 0 2.5em;
    width: 44em;    
    float: left;
}
.menu{      
    background: url(images/bg-left-menu.png) 100% 0 repeat-y,url(images/bg-menu.png);
    width: 12.5em;
    float: left;
    height: 70em;
    text-align: right;
    position: relative;
}

Добавлено через 46 секунд

Сообщение от Pro100kvachina

height: 70em;

поставил для теста

@Sabio · 13.08.2013, 15:32

HTML5
1
2
3
4
5
6
7
8
<div id="wrapper">
    <div id="menu">              
    </div>
    <div id="content">
       тут контент
    </div>
    <div id="clear"></div>
</div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
html, body, #wrapper{height:100%;}
#wrapper{
    width: 59.2em;
    margin: 2.5em auto;
}
.wrapper{
    width: 44em;    
}
#menu{      
    background: #ccc;
    border-right: 7px solid #000;
    width: 12.5em;
    float: left;
    min-height: 100%;
}
#clear{clear:both;}

@Pro100kvachina · 13.08.2013, 15:45 **[ТС]**

не получается, гляньте структуру http://pro100kvashina.zz.mu/ может не туда пишу

@Sabio · 13.08.2013, 15:56

Мне показалось, что у вас одноцветный фон на сайдбаре. В таком случае надо другую структуру использовать. Но я сейчас ухожу и у меня нет времени написать ответ. Думаю форумчане помогут.

@Pro100kvachina · 13.08.2013, 15:58 **[ТС]**

спасибо и на этом, будет время откликнитесь )

@Taatshi · 13.08.2013, 22:08

http://www.xiper.net/collect/h... isoty.html

@ket4up · 13.08.2013, 23:29

вот

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).ready(function() {
 function setEqualHeight(columns)
 {
 var tallestcolumn = 0;
 columns.each(
 function()
 {
 currentHeight = $(this).height();
 if(currentHeight > tallestcolumn)
 {
 tallestcolumn  = currentHeight;
 }
 }
 );
 columns.height(tallestcolumn);
 }
 setEqualHeight($("#wrapper,#menu"));
});

@Sabio · 14.08.2013, 03:16

Можно и без скриптов решить.

@Pro100kvachina · 14.08.2013, 05:22 **[ТС]**

подскажите как )

Добавлено через 3 минуты

Сообщение от Taatshi

http://www.xiper.net/collect/html-an...oy-visoty.html

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

@Taatshi · 14.08.2013, 07:56

с какой фиксированной? Фиксированная высота сайта - это нонсенс. Почитайте внимательно.

@Pro100kvachina · 14.08.2013, 08:06 **[ТС]**

Сообщение от Taatshi

http://www.xiper.net/collect/h... isoty.html

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
.fon {
width: 650px;
overflow: hidden; /* чтобы лишее обрезалось */
}
.leftColumn {
width: 200px;
float: left;
background: #3d2af0;
padding-bottom: 20000px;
margin-bottom: -20000px;
}
.centerColumn {
width: 200px;
float: left;
background: #e34456;
padding-bottom: 20000px;
margin-bottom: -20000px;
}
.rightColumn {
width: 250px;
float: left;
background: #e3e244;
padding-bottom: 20000px;
margin-bottom: -20000px;
}

если Вы про это, то не думаю что это хороший вариант(padding-bottom: 20000px;
margin-bottom: -20000px

Вот выше на писаный скрипт помог

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    <script type="text/javascript">
        $(document).ready(function() {
         function setEqualHeight(columns)
         {
         var tallestcolumn = 0;
         columns.each(
         function()
         {
         currentHeight = $(this).height();
         if(currentHeight > tallestcolumn)
         {
         tallestcolumn  = currentHeight;
         }
         }
         );
         columns.height(tallestcolumn);
         }
         setEqualHeight($(".wrapper,.menu"));
        });
    </script>

@Taatshi · 14.08.2013, 08:10

Нет, я не про это. По данной мной ссылке три способа растянуть меньшую колонку на высоту большей. Без скриптов.

@Pro100kvachina · 14.08.2013, 08:13 **[ТС]**

спасибо за помощь, ну я всё тки остановлюсь на скрипте )

@ket4up · 14.08.2013, 10:07

по мне , сайт без скриптов , это не сайт.

@Sabio · 15.08.2013, 19:00

ket4up, сайт со скриптами там, где они не нужны - вот это не сайт. Я бы сказал недосайт.

@ket4up · 15.08.2013, 20:05

если ты живешь в 2003 году , все ок)

@Sabio · 16.08.2013, 02:19

ket4up, ах простите, конечно в современности просто необходимо перегружать сайт ненужными вещами.

@ket4up · 16.08.2013, 08:01

омг , повторяюсь , если вы живете в те года , все ок , идите ищите лучше нормальный хостинг , чем ересь нести тут.
А то , по вашим словам , вы пользуйтесь каким то нереальным говном , где надо только html страницы кидать , а то креш случится и хостинг упадет. :|

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Pro100kvachina 4 / 4 / 0 Регистрация: 23.01.2013 Сообщений: 197

	Растянуть блок до низа сайта 13.08.2013, 11:57. Показов 4038. Ответов 19 Метки нет (Все метки) Здравствуйте, подскажите как мне растянуть меню до самого низа Миниатюры 0

@Divinesites 107 / 102 / 9 Регистрация: 29.06.2013 Сообщений: 369
	13.08.2013, 11:59
	Код покажите, пожалуйста 0

@Pro100kvachina 4 / 4 / 0 Регистрация: 23.01.2013 Сообщений: 197
	13.08.2013, 15:45 [ТС]
	не получается, гляньте структуру http://pro100kvashina.zz.mu/ может не туда пишу 0

@Sabio 57 / 57 / 14 Регистрация: 24.06.2013 Сообщений: 265
	13.08.2013, 15:56
	Мне показалось, что у вас одноцветный фон на сайдбаре. В таком случае надо другую структуру использовать. Но я сейчас ухожу и у меня нет времени написать ответ. Думаю форумчане помогут. 1

@Pro100kvachina 4 / 4 / 0 Регистрация: 23.01.2013 Сообщений: 197
	13.08.2013, 15:58 [ТС]
	спасибо и на этом, будет время откликнитесь ) 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	13.08.2013, 22:08
	http://www.xiper.net/collect/h... isoty.html 1

@Sabio 57 / 57 / 14 Регистрация: 24.06.2013 Сообщений: 265
	14.08.2013, 03:16
	Можно и без скриптов решить. 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	14.08.2013, 07:56
	с какой фиксированной? Фиксированная высота сайта - это нонсенс. Почитайте внимательно. 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	14.08.2013, 08:10
	Нет, я не про это. По данной мной ссылке три способа растянуть меньшую колонку на высоту большей. Без скриптов. 1

@Pro100kvachina 4 / 4 / 0 Регистрация: 23.01.2013 Сообщений: 197
	14.08.2013, 08:13 [ТС]
	спасибо за помощь, ну я всё тки остановлюсь на скрипте ) 0

@ket4up 3 / 3 / 0 Регистрация: 01.02.2013 Сообщений: 23
	14.08.2013, 10:07
	по мне , сайт без скриптов , это не сайт. 1

@Sabio 57 / 57 / 14 Регистрация: 24.06.2013 Сообщений: 265
	15.08.2013, 19:00
	ket4up, сайт со скриптами там, где они не нужны - вот это не сайт. Я бы сказал недосайт. 1

@ket4up 3 / 3 / 0 Регистрация: 01.02.2013 Сообщений: 23
	15.08.2013, 20:05
	если ты живешь в 2003 году , все ок) 0

@Sabio 57 / 57 / 14 Регистрация: 24.06.2013 Сообщений: 265
	16.08.2013, 02:19
	ket4up, ах простите, конечно в современности просто необходимо перегружать сайт ненужными вещами. 0

@ket4up 3 / 3 / 0 Регистрация: 01.02.2013 Сообщений: 23
	16.08.2013, 08:01
	омг , повторяюсь , если вы живете в те года , все ок , идите ищите лучше нормальный хостинг , чем ересь нести тут. А то , по вашим словам , вы пользуйтесь каким то нереальным говном , где надо только html страницы кидать , а то креш случится и хостинг упадет. :\| 0