2015-07-20 1 views
-2

Извините, если в этом первоначальном сообщении недостаточно подробностей, мои навыки разработки веб-ресурсов относительно ограничены, поэтому я работаю с веб-разработчиком, если вам нужна дополнительная информация, не должно быть проблемой, чтобы справиться с этим, и любая помощь была бы весьма признательна.Устранение проблем, связанных с контентом по вертикали В разделах

Наш сайт использует разделы в отличие от страниц, и проблема, с которой мы сталкиваемся, заключается в том, чтобы контент был центрирован по вертикали в каждом разделе. Очевидно, что это должно быть динамическим, основанным на разрешении пользователя: http://demo.ekarsh.com/crimsonnight/assets/js/KamiDrop_v1.8/index.html. Сайт построен с использованием комбинации HTML5 и Javascript.

Еще раз, любой совет будет оценен, так как сайт не может использоваться до тех пор, пока это не будет исправлено! Спасибо :)

+0

Нам нужно увидеть какой-то код и, в идеале, рабочий пример в виде кода или jsfiddle. Это может помочь другим пользователям ответить на ваш вопрос. Без какого-либо кода трудно помочь. – Doidgey

+0

Что должно быть сосредоточено на чем? Я вижу статус-кво, но не так, как должно выглядеть. Более того, вопрос должен содержать кратчайший код, необходимый для воспроизведения проблемы. В качестве примечания: белый текст не читается, и это не очень хорошая идея, чтобы преследовать ссылки. – zeroflagL

+0

Привет, ребята, спасибо за ваши комментарии, извините, это мой первый пост здесь! Каждый раздел должен привязываться к экрану пользователя, тогда содержимое каждой секции должно быть в центре этой секции. В настоящий момент содержание каждого раздела находится в горизонтальном центре, но не в вертикали, а близко к вершине. Я разместил код, используемый в комментарии ниже, спасибо :) –

ответ

0

Без кода это трудно, чтобы помочь, но я хотел бы взглянуть на что-то вроде: http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

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

Удачи вам!

+0

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

..................
' секция такой же, как высота экрана - по мере изменения разрешения экрана она меняется. –

+0

Как я уже сказал, я применил следующий css, но раздел больше подходит к нижней части, и если я попытаюсь уменьшить свойство top, оно не будет вертикально посередине для всех разрешений. Можете ли вы предложить способ обойти это? '.aboutsectionbackground { позиция: relative! Important; верх: 50%; transform: translateY (-50%)! Important; -webkit-transform: translateY (-50%); -ms-transform: translateY (-50%); } ' –

+0

@CrimsonNight Не могли бы вы отправить ссылку на то, где это реализовано? –

Смежные вопросы