У меня есть этот сайт, где мне нужно разместить два изображения в верхней части страницы с каждой стороны содержимого. Временно его можно достичь [удалено].Проблема с элементами фона вокруг основного содержимого
Если ваше разрешение достаточно широкое, вы можете видеть как правое, так и левое красное рождественское украшение, выровненное по основному содержимому. Однако правильные не выводятся из потока страниц и создают горизонтальную полосу прокрутки, если браузер меньше, чем ~ 1300 пикселей.
я достиг два украшений пути размещения два абсолютно позиционированных див с опытом работы в относительно расположенной DIV:
<div id="alignment"> <!-- position:relative -->
<div></div> <!-- first image: position:absolute;right:-210px -->
<div></div> <!-- second one: position:absolute;right:915px -->
</div>
Хотя абсолютно позиционируемые элементы должны быть выведены из потока документов, второе изображение не является: (Таким образом, появляется нижняя полоса прокрутки
Что я пробовал:.
- делает изображение обоих украшений с 910px (ширина содержимого) ЕМ pty отдельно и используя только один абсолютный div вместо двух: тот же вопрос
- добавление вышеупомянутого изображения в
no-repeat top center
фон<html>
, в результате чего отображается только один фон. Либо у меня есть снежинки наbody
bg, либо красные орнаменты на сплошном белом фоне. Последнее зависит от того, какой из двух элементов (body или html) имеет изображение в качестве фона. - размещение дивы изображений в абсолютной DIV и сделать два относительные (противоположность текущей ситуации) - тот же вопрос и не отображается на
<
IE8
Я знаю, и я извиняюсь за это большой проблемой, и трудно понимать. Я много исследовал, и я не в курсе. Любое возможное решение для опроса было бы весьма полезным. Кроме того, я понимаю, что кодирование сайта, на котором я связан, находится на грани ужасного, но я только начал работать над этим, поэтому никаких комментариев по этому поводу, пожалуйста :)
Сайт выглядит хорошо для меня и его ожидаемого поведения, поэтому, если ширина вашего браузера меньше 1300 пикселей ... что вы ожидаете? Если отображаются оба изображения, что происходит с содержимым между ними, когда ширина браузера уменьшается? Поправьте меня, если я понял это неправильно. Спасибо :) –