CSS: Как выровнять блок по горизонтали?

[Александр]

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

Код: выделить все

#content {
width: 900px;
margin: 0 auto;
}

[Gulia]

Как я могу ссудить с приведённого примера, здесь просто указывается фиксированная ширина контейнера в 900 px и внешнее отступы задаются 0 и по умолчанию. Но если, например, у меня на страницы планируется использовать три контейнера, причём нужно учесть, что расширения экрана пользователя неизвестна, то здесь простановка абсолютной ширины контейнера не подойдёт, а с относительной могут быть проблемы. В таком случаи лучше использовать плавающие контейнеры, с помощью атрибута float задать по какому краю родительского элемента будут выровнены контейнеры. Например:

Код: выделить все

#cheader { width: 810px;
padding: 0 20px;
border-bottom: thin dotted #B1BEC6 }
#cnavbar { width: 240px;
height: 570px;
float: left;
margin-right: 10px }
#cmain { width: 700px;
height: 570px;
float: left;
overflow: auto;
padding: 5px;
border-left: thin dotted #B1BEC6 }
#ccopyright { width: 1010px;
clear: both;
padding: 10px 20px 0px 20px;
border-top: thin dotted #B1BEC6 }


В таком случаи контейнеры, к которым применяются стили cnavbar и cmain будут следовать выровнены по левому краю и следовать друг за другом по горизонтали.