Dle вёрстка шаблонов.

12
FCSD
На сайте с 08.01.2011
Offline
28
632

Доброго времени суток, форумчане. Учусь верстать шаблоны и появилась небольшая проблемка, и даже не думал, что столкнусь с ней. Ставлю на правую колонку (блок) - height: 100% и хочу, чтобы блок растягивался по высоте браузера, а не содержимого. Эксперементировал с body, ставил высоту на 100%, и все равно высота правого блока по содержимому. Может забыл где-то, что-то? Вообщем, помогите, пожалуйста.

Z
На сайте с 17.09.2010
Offline
34
#1

не совсем понял что вы хотите сделать

Ставлю на правую колонку (блок) - height: 100% и хочу, чтобы блок растягивался по ширене

но возможно вам поможет это:

height: auto !important;

min-height: 100%;

height: 100%;

FCSD
На сайте с 08.01.2011
Offline
28
#2

Ой, я извиняюсь. Хотел написать - по высоте. 😂

---------- Добавлено 14.07.2013 в 00:30 ----------

zerocube:
но возможно вам поможет это:
height: auto !important;
min-height: 100%;
height: 100%;

Не помогло...

vlad00777
На сайте с 24.12.2009
Offline
119
#3

FCSD, html {height:100%;} и всем дочерным блокам до нужного вам. Легче таблицей сделать Имхо.

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
bay_ebook
На сайте с 28.05.2010
Offline
111
#4
FCSD:
Доброго времени суток, форумчане. Учусь верстать шаблоны и появилась небольшая проблемка, и даже не думал, что столкнусь с ней. Ставлю на правую колонку (блок) - height: 100% и хочу, чтобы блок растягивался по высоте браузера, а не содержимого. Эксперементировал с body, ставил высоту на 100%, и все равно высота правого блока по содержимому. Может забыл где-то, что-то? Вообщем, помогите, пожалуйста.

Без таблиц, на дивах не сработает.

Можно сделать min-height:800px ну или как-то так. Или на js лезть.

Нужен прогер на php+mysql+понимание чужего кода? (/ru/forum/540660) Вам сюда PHP-шаман (http://php-shaman.pw/)
WebJunior
На сайте с 11.06.2010
Offline
155
#5

FCSD, может быть такой вариант подойдет -

<style type="text/css">
.wrap {
padding-left:200px;
background:#09F;
}
.content {
background: #600;
}
.rcol {
width:200px;
margin-left:-200px;
float:left
}
</style>

<div class="wrap">
<div class="content">
<div class="rcol">

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<div style="clear:both"></div>
</div>
</div>
Мой сайт на этом хостинге - https://tuthost.ua/?from=2558 / Верстаю шаблоны (темы с отзывами: https://searchengines.guru/ru/forum/763758, https://searchengines.guru/ru/forum/600404 ).
vlad00777
На сайте с 24.12.2009
Offline
119
#6

bay_ebook, работает! Сам так много раз делал. ТС могу дать еще один вариант. Padding-top:5000px; margin-top:-5000px; overflow:hidden

Ну это такой не самый лучший вариант на крайняк мягко говоря.

BG
На сайте с 03.10.2010
Offline
195
#7

Извиняюсь что не по теме, но не хочу отдельной темы создавать для простенького вопроса.

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

Как сделать место под банеры определенной высоты, что бы блоки не скакали, а пока банеры грузятся там было просто пусто?

-= Сайты на заказ | Правки, обновление, работы по DLE =- ( /ru/forum/791118 ) Telegram: @ruslansh ( tg://resolve?domain=ruslansh )
vlad00777
На сайте с 24.12.2009
Offline
119
#8

BrightGuy, положить это все в див и задать фиксированные размеры.

BG
На сайте с 03.10.2010
Offline
195
#9
vlad00777:
BrightGuy, положить это все в див и задать фиксированные размеры.

А можно пример такого, буду очень благодарен.

vlad00777
На сайте с 24.12.2009
Offline
119
#10

<div style="width:200px; height:150px;">содержимое с баннерами</div>

Вроде должно сработать. Перед этим свои значения высоты и ширины подставьте, узнать можно с помощью панели разработчика в любом браузере (хром, мозила, опера).

12

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