Как мне разместить мою страницу?

Я понимаю, что левые два контейнера не такие широкие, как мой div addons, но, несмотря на то, что мне бы хотелось, чтобы все было сосредоточено с равным количеством пустого пространства слева и справа от всего. Но я не могу понять это. Это немного грязный Признаюсь со всеми display: inline-block и float:left я собираюсь, но даже обычныйКак мне разместить мою страницу?

margin-left:auto 
margin-right:auto 
width: 600px

не очень помогает мне сейчас. И я хотел бы сосредоточиться, не установив случайное свойство margin-left, которое не будет отображаться одинаково при каждом разрешении. Может ли кто-нибудь помочь?

Сайт о котором идет речь https://com-bb-dev.com.edu

Благодарим Вас за экспертизу.

источник

2013-12-04 Christopher Bruce

Вы не можете использовать трюк 'margin: auto', если элемент перемещается. – BenM

ya вы почти использовали его: {margin: 0 auto; ширина: 600 пикселей; } no floats – user934902

Где я должен избавиться от поплавков? Я хочу, чтобы панель входа и объявлений была слева, так как это собственный «столбец» информации, а признанные элементы и контролер браузера - справа, так как это «колонка». Удалят ли поплавки это? –

похоже, что страница не правильно оформлена.

Рассмотрим следующий (LOTR ссылка):

Один Div содержать их всех.
Семь разделов для лордов-карликов, плавающих влево (в их каменных залах).
Три divs для эльфийских королей, плавающих вправо (под небом).
Эти div и более центрируются на вашей странице (где лежат тени).

Центрируйте один div на странице и поместите другие div внутри этого div.

источник

2013-12-04 21:32:47 DwB

Это имеет смысл, я попробую и сообщит. –

Спасибо! Я применил это и смог заставить его работать. Я завернул все div, связанные с полем входа и объявлениями в фиктивном div, называемом «floatContainer», установил его float: left, а затем установил div «addons» для float: справа, избавился от поплавков на все else, а затем установите левое/правое поля в auto и мою ширину до 1345px для #loginPageContainer и получите мой желаемый результат. –

Попробуйте этот код, просто измените значения в нем, так что ваши собственные

div { 
    width: 100px; 
    height: 100px; 
    position: absolute; 
    left: 0; 
    right: 0; 
    margin: auto; 
}

источник

2013-12-04 21:28:03

Если вы просто установите #loginPageContainer на странице вы связаны с шириной: 600px; то это работает. Просто попробовал сам в инструментах разработчика.

Это оберточный элемент, который должен быть центрирован. Не каждый div, если есть плавающие элементы на одном и том же уровне, он сломается.

источник

2013-12-04 21:29:00

Установка ширины этого идентификатора просто испортила всю страницу. –

Итак, «признанные элементы» и «Проверка браузера» справа? Если это так, вы должны обернуть два блока и центрировать обертку –

Если вы установили #loginPageContainer в ширину: 1345; это то, что вы хотите? Тогда весь сайт с этими двумя элементами центрирован. –

Как мне разместить мою страницу?

ответ

Смежные вопросы