Центрирование вложенных элементов div - PullRequest
Новая
       0

Центрирование вложенных элементов div

1 голос
/ 10 июня 2011

Еще раз у меня возникают проблемы с центрированием divs ...

http://www.srcf.ucam.org/~sas98/project.php

Как бы я мог центрировать все в #main?

Ответы [ 4 ]

3 голосов
/ 11 июня 2011

попробуй: margin: 0 auto; display: table
Ширина не нужна, ничего. Проверено в Chrome.

2 голосов
/ 11 июня 2011

  1. Используйте doctype для вашего HTML -

    <! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  2. секунда - добавить к основному классу это:

    margin: 0 auto;

EDIT: И сделать основную ширину в пикселях

1 голос
/ 11 июня 2011

Во-первых, убедитесь, что у вас правильный тип документа.

Ключ к центрированию с помощью margin: 0 auto; гарантирует, что этот же div имеет статическую ширину. 

 #main { width: 980px; margin: 0 auto; }
0 голосов
/ 11 июня 2011

По центру <div class="main"> (а - a class - это означает, что .main, а не #main - ваши HTML и CSS не согласны друг с другом по этому вопросу):

  • Добавьте margin: 0 auto; width: 1020px к .main.1020px - правильное число, используемое здесь.
  • Вам также необходимо удалить width: 100% из body, иначе ваше центрирование будет не совсем правильным.
  • Вам также следует удалить overflow: hidden из body, или невозможна прокрутка на вашей странице.

Наконец, добавьте правильный тип документа в качестве самой первой строки , или ваша страница находится в Режим Quirks и у вас, в частности, будут большие проблемы с Internet Explorer: 

<!DOCTYPE html>

Я не уверен, что должен делать ваш нижний колонтитул.

...