skel-панели и нижний правый логотип выровнять?
Извините, я не знаю, как правильно назвать это или объяснить это по-своему. И я застрял. Я использовал шаблон, который использует skel.js и skel-панели, чтобы сделать адаптивный макет с боковой панелью. Затем я добавил backstretch, и теперь я хочу, чтобы логотип всегда был выровнен в правом нижнем углу экрана (если это не узкий / мобильный вид - но у меня эта часть в основном разобрана)
Я получил выравнивание по дну для самостоятельной работы, но когда я добавляю его ко всем прочим вещам, логотип не отображается (в широком просмотре). и я сузил его до skel-Panel.min.js (опущено, что из кода, и все остальное работает отлично)
Я просто не уверен, как это понять. Мой код сейчас довольно большой беспорядок, так что это может быть что-то, что я где-то сделал, но, похоже, он работает в основном правильно, как только skel-панели удалены.
http://staygold.ca/wood2/index.html
Я думаю, что я пытаюсь сделать слишком много, что находится за пределами моих способностей, но, похоже, это работает, кроме этой одной вещи
Я могу видеть, возможно, 2 варианта - использовать skel-панели, только если они находятся в "узком" или меньшем размере, поэтому отключите его только для обычного и широкого представлений - не уверен, что это вообще возможно
или как-то логотип CSS перекрывает панели? как сделать этот div наложение на всю страницу каким-то образом?
РЕДАКТИРОВАТЬ: если я играю с позицией на них, происходят разные вещи, но я не могу получить правильную комбинацию, чтобы получить его в нижнем углу (логотип появляется, но он находится в правом верхнем углу, например). Не уверен, поможет ли это без скел-панелей, но стоит попробовать
HTML
<div id="logo-container">
<img src="img/logo.png" class="index-logo" />
</div>
CSS
#logo-container {
width: 100%;
height: 100%;
position: fixed;
right:10px;
bottom:10px;
}
.index-logo {
float: right;
position: static;
width: 20em;
}