если задать height:900px; то это глюк, там пустого пространтва будет много и скролить надо будет.
*{margin:0;padding:0;} html{height:100%;} * html body{height:100%;} body{min-height:100%;position:relative;}
padding-bottom: 80px;
Спасибо большое, щас все гоод !
Сделал, стили в самом шаблоне
http://worldcars25.ru/ind.html
Да таких примеров гора ! это простой пример, а мне надо с моим как то решить.---------- Добавлено 05.09.2014 в 15:23 ----------
щас выглядит так:
если в нижний блок вставляю position: absolute;
.nizallbottom{
width: 100%;
bottom: 0;
position: absolute;
}
то блок прижат к самому ниже и выглядит это так.
выглядит правильно но есть косяк...
Если блоки продлить, допустим вставить туда <br/> или просто пустые строки.
То верхняя часть блоков залезает на футер.
Выглядит это так:
Вот такая беда.
Между нижним блоком и верхним стоит
<div style="clear:both"></div>
я на компе новый дизайн делаю для сайта ! так что сайт не в нете.
Хорошо написал, спасибо !
остается делать table из двух колонок и распихивать туда там делать td valign="top"
думал на css все реализую.
в ie8 - не работает.
в этом скрипте много не нужного, там эффект загрузки и т.д ! а так то что он располагает красиво это да зачет, то что надо.
так что проблема решена ! просто таких таблиц много, по этому ) и не создавалось. ужал другие и все ок стало.
Нужен целиком сайт, а то не понятно, какой блок нужно вытянуть.
К примеру задайте height:900px;
Или поиграйтесь со значением padding:20px 20px 300px 20px;
если задать height:900px; то это глюк, там пустого пространтва будет много и скролить надо будет.
-
1. в самое начало стилей вставить:
*{margin:0;padding:0;}html{height:100%;}
* html body{height:100%;}
body{min-height:100%;position:relative;}
для .main изменить отступ на высоту футера:
И, кстати, элемент <div style="clear:both;"></div> не нужен. Ну и в коде последний закрывающий </div> лишний.
Спасибо большое, щас все гоод !
Если надо решить - дай людям руками пощупать. Выложи где-нить - делов-то.
Сделал, стили в самом шаблоне
http://worldcars25.ru/ind.html
Не стану разбирать ваш код, просто приведу пример реализации.
Да таких примеров гора ! это простой пример, а мне надо с моим как то решить.
---------- Добавлено 05.09.2014 в 15:23 ----------
Проблема тут:
Контент блоки !
.main {
padding-top: 10px;
padding-bottom: 10px;
width: 1070px;
margin-right: auto;
margin-left: auto;
height: 100%;
}
Низ сайта, который приклеен к низу.
.nizallbottom{
width: 100%;
bottom: 0;
}
щас выглядит так:
если в нижний блок вставляю position: absolute;
.nizallbottom{
width: 100%;
bottom: 0;
position: absolute;
}
то блок прижат к самому ниже и выглядит это так.
выглядит правильно но есть косяк...
Если блоки продлить, допустим вставить туда <br/> или просто пустые строки.
То верхняя часть блоков залезает на футер.
Выглядит это так:
Вот такая беда.
Между нижним блоком и верхним стоит
<div style="clear:both"></div>
вы бы хоть сслыку на сайт дали, чтобы по нему можно было FireBug ом пройтись
я на компе новый дизайн делаю для сайта ! так что сайт не в нете.
Хорошо написал, спасибо !
остается делать table из двух колонок и распихивать туда там делать td valign="top"
думал на css все реализую.
в ie8 - не работает.
Попробуйте плагин jQuery Masonry.
<script>
$(document).ready(function(){
$('#container').masonry({itemSelector : '.item',});
});
</script>
где #container - родительский блок, .item - маленькие блоки внутри.
в этом скрипте много не нужного, там эффект загрузки и т.д ! а так то что он располагает красиво это да зачет, то что надо.
так что проблема решена ! просто таких таблиц много, по этому ) и не создавалось. ужал другие и все ок стало.