Jump to content
  • 0

Помогите выровнять фон


sss2019
 Share

Question

Здравствуйте. Я хочу вставить основное фоновое изображение для тега body чтобы фон был на весь экран.

 

Задача следующая.

 

1. Выровнять изображение по вертикали по центру.

2. По горизонтали выровнять так, чтобы изображение было прикреплено к правому краю, и при сжатии урезалось слева.

3. Чтобы при сжатии окна не изменялся масштаб изображения.

 

Помогите пожалуйста составить css код для этого.  :(

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Крутотень! Спасибо.  :)  Только еще бы немного подправить, нужно чтобы при сжатии окна по вертикали, картинка урезалась и сверху и сниху, то есть как бы была закреплена серединой по вертикали. А сейчас урезается снизу.

Link to comment
Share on other sites

  • 0

Проблема решилась. Но появилась другая банальная проблема, выровнять три div одинаково по высоте. Так как каждый случай в принципе уникален и не все решения подходят для рахзных шаблонов, прошу показать мне что где нужно дописать чтобы три блока были одинаковыми по высоте, и растянуты на 100%.

 

Вот css код. в нем я удалил из трех блоков все лишние свойства, чтобы можно было с нуля задать

.wrapper { width: 620px; }.left_border { width: 9px; height: 100%; background: url(../images/left_border.png); }.content { float: left; width: 600px; background: #FFF; }.right_border { width: 9px; height: 100%; background: url(../images/right_border.png); }

А вот html код. В центральном блоке .content, текст растягивает его на 800 пикселей. А вот боковые блоки не растягиваются.

<div class="wrapper">	<div class="left_border"></div>		<div class="content">				<p>Повседневная практика показывает, что новая модель организационной деятельности позволяет оценить значение дальнейших направлений развития. Разнообразный и богатый опыт рамки и место обучения кадров играет важную роль в формировании систем массового участия. Равным образом начало повседневной работы по формированию позиции обеспечивает широкому кругу (специалистов) участие в формировании модели развития. Таким образом начало повседневной работы по формированию позиции требуют определения и уточнения существенных финансовых и административных условий. Не следует, однако забывать, что новая модель организационной деятельности требуют определения и уточнения соответствующий условий активизации.</p>				<p>Задача организации, в особенности же дальнейшее развитие различных форм деятельности представляет собой интересный эксперимент проверки позиций, занимаемых участниками в отношении поставленных задач. Разнообразный и богатый опыт рамки и место обучения кадров играет важную роль в формировании дальнейших направлений развития. Товарищи! постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет оценить значение дальнейших направлений развития.</p>				<p>Повседневная практика показывает, что консультация с широким активом позволяет выполнять важные задания по разработке новых предложений. Таким образом реализация намеченных плановых заданий способствует подготовки и реализации модели развития. С другой стороны рамки и место обучения кадров требуют от нас анализа направлений прогрессивного развития. Значимость этих проблем настолько очевидна, что рамки и место обучения кадров в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач.</p>				<p>Повседневная практика показывает, что консультация с широким активом позволяет выполнять важные задания по разработке новых предложений. Таким образом реализация намеченных плановых заданий способствует подготовки и реализации модели развития. С другой стороны рамки и место обучения кадров требуют от нас анализа направлений прогрессивного развития. Значимость этих проблем настолько очевидна, что рамки и место обучения кадров в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач.</p>				<p>Повседневная практика показывает, что консультация с широким активом позволяет выполнять важные задания по разработке новых предложений. Таким образом реализация намеченных плановых заданий способствует подготовки и реализации модели развития. С другой стороны рамки и место обучения кадров требуют от нас анализа направлений прогрессивного развития. Значимость этих проблем настолько очевидна, что рамки и место обучения кадров в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач.</p>		</div>	<div class="right_border"></div></div>
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy