---
title: "как отцентрировать резиновый DIV внутри другого"
description: "Иногда, возникают случаи, когда необходимо выровнять слой по центру страницы или другого слоя, без у..."
author: "pangea"
published: "2012-10-18T13:38:33+00:00"
modified: "2012-10-18T13:41:39+00:00"
locale: "ru"
canonical_url: "https://yvision.kz/post/kak-otcentrirovat-rezinovyy-div-vnutri-drugogo-223979"
markdown_url: "https://yvision.kz/post/kak-otcentrirovat-rezinovyy-div-vnutri-drugogo-223979/markdown"
site_name: "Yvision.kz"
---

# как отцентрировать резиновый DIV внутри другого

> Иногда, возникают случаи, когда необходимо выровнять слой по центру страницы или другого слоя, без у...

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

Так как в ходе задачи css (margin:0 auto;) для выравнивания не подходит, так как без указания ширины он растягивается на всю страницу.

Сразу скажу что этот метод мной был позаимствован на примере одного шаблона от широкоизвестной студии

И так, HTML разметка:

 

-

-

-

-

-

-

CSS

- .container {overflow-x: hidden;} /*на случай если появится горизонтальная прокрутка*/

- .center1{float:left;
- position:relative;
- left:50%;} /*Смещаем блок на 50% в право*/

- .center{position:relative;
- left: -50%;} /*Смещаем целевой блок на 50% влево относительно слоя center1*/

P/S Не проверял в 6 ишаке, в остальных же браузерах работает?

---

Source: [https://yvision.kz/post/kak-otcentrirovat-rezinovyy-div-vnutri-drugogo-223979](https://yvision.kz/post/kak-otcentrirovat-rezinovyy-div-vnutri-drugogo-223979)