Не удается центрировать мой сайт даже с оберткой div

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

Я поставил веб-сайт онлайн для вас, чтобы найти проблему:

http://www.piccadilly.london/gourmetdinner-alpha.html и http://www.piccadilly.london/gourmet-alpha.css

Ниже приведена моя обложка css, если это полезно:

#wrapper {
    width: 1270px;
    background-color: #ffffff;
    margin: 0 auto;

}

Жду любых ответов, чтобы решить это - спасибо заранее.

-1
источник поделиться
4 ответа

Многие элементы html имеют

position: absolute;

Это почти никогда не бывает хорошей идеей.

Проверьте этот ответ на несколько деталей: выравнивание по центру фиксированной позиции div

0
источник

Вам нужно сделать дочерние элементы относительно контейнера; добавьте в свою обертку следующее.

position:relative;
0
источник

Установочное position: relative будет делать трюк на данный момент, но использование абсолютного позиционирования - не лучший способ.

Я бы порекомендовал попробовать что-то вроде Bootstrap (http://getbootstrap.com/), который заботится о позиционировании элементов с помощью этой системы Grid, позволяя вам легко создавать исправленные или отзывчивые макеты.

Удачи!

0
источник

Микаэль, попробуй это

Я объясню базовую структуру для этого.

<header>All your header content should come here</header>
<div id="wrapper">
Container part should come here
</div>
<footer>All your footer content should come here</footer>

вы можете использовать одну и ту же оболочку css (также для верхнего и нижнего колонтитула с фиксированной позицией), но помните, когда вы пишете внутренний класс css, вы должны использовать poisition:relative, or float. Абсолютная позиция не всегда хороша для всех времен. вы получите представление о позиционировании и плавании из W3schools

0
источник

Посмотрите другие вопросы по меткам или Задайте вопрос