Надеюсь, вы можете мне помочь. Я голландский, поэтому мой английский не очень хорош.Div, начинающийся в нижней части страницы
У меня есть div, и я хочу, чтобы он отображался в нижней части браузера, даже когда вы масштабируете окно браузера. То же, что этот сайт:
http://www.cedricvella.com/#node-3
Содержание с белым фоном всегда начинается в нижней части окна браузера, даже когда он понижается. Надеюсь, это можно сделать с чистым css!
добавить CSS для DIV:
.div-class {
position: fixed;
left: 0; bottom: 0;
}
Извините, это не так, я имею в виду. Это трудно объяснить. Я не хочу, чтобы это было исправлено. Я хочу, если кто-то войдет на мой сайт, чтобы они увидели полноразмерный образ с моим логотипом (у меня уже есть эта часть). Но когда они прокручиваются, я хочу, чтобы мой сайт начал показывать мой контент. Проблема со стандартным положением заключается в том, что кто-то масштабирует свой браузер по вертикали, вам нужно прокручивать намного дальше, прежде чем дойти до контента! Я хочу, чтобы контент всегда начинался в нижней части моей страницы, поэтому он мгновенно появляется, когда кто-то прокручивается вниз, даже с меньшим окном браузера ... Так трудно объяснить, что я имею в виду, ха-ха! – user1737979
Думаю, я понимаю :) Но вы не можете сделать это только с помощью CSS, я думаю. Но с jquery это легко сделать, просто добавьте div с вашим изображением высотой высоты окна браузера. Вы можете использовать этот https://github.com/louisremi/jquery-smartresize плагин, если вы хотите вызвать некоторые действия при изменении размера браузера или функцию jquery .resize(). И разместите остальную часть контента ниже вашего стартового div – Seer
Проверить this demo in jsfiddle
CSS
body{
margin:0px;
padding:0px;
}
.footer{
width:100%;
position:fixed;
bottom:0px;
left:0px;
text-align:center;
background:#999;
height:50px;
line-height:50px;
}
HTML
<div class="footer">this is fixed area with align bottom</div>
Извините, это не так, я имею в виду. Это трудно объяснить. Я не хочу, чтобы это было исправлено. Я хочу, если кто-то войдет на мой сайт, чтобы они увидели полноразмерный образ с моим логотипом (у меня уже есть эта часть). Но когда они прокручиваются, я хочу, чтобы мой сайт начал показывать мой контент. Проблема со стандартным положением заключается в том, что кто-то масштабирует свой браузер по вертикали, вам нужно прокручивать намного дальше, прежде чем дойти до контента! Я хочу, чтобы контент всегда начинался в нижней части моей страницы, поэтому он мгновенно появляется, когда кто-то прокручивается вниз, даже с меньшим окном браузера ... Так трудно объяснить, что я имею в виду, ха-ха! – user1737979
Предполагая, что вы говорите о сноске, вам должен взять посмотрите на Ryan Fait's method.
Он использует обертку с элементом .push, чтобы нижний элемент нижнего колонтитула находился внизу.
Как так:
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 142px; /* .push must be the same height as .footer */
}
вы пробовали это? –