div и ещё раз div: отступ и центрирование

[jeckk]

Hi there)

Помогите плз доделать сайт https://tracker-list.firebaseapp.com/

Проблемы:

1) Когда сжимаешь страницу, блок rom располагается не строго по центру https://i.imgur.com/Vvdc1E8.png из-за медиа запроса где стиль width:80%

Но мне нужно его отцентировать и чтобы размер был относительно страницы как по умолчанию на декстопе со свойством width:30%

Что в коде изменить?

2) Если убрать id=dbox и box блок rom выглядит так как задумывалось изначально, а с ними почему-то Уже стал. Как это исправить?

Edited May 25, 2017 by jeckk

[klierik]

8 hours ago, jeckk said:

1) Когда сжимаешь страницу, блок rom располагается не строго по центру https://i.imgur.com/Vvdc1E8.png из-за медиа запроса где стиль width:80%

#rom {
  margin-left: auto;
  margin-right: auto;
}

 

8 hours ago, jeckk said:

2) Если убрать id=dbox и box блок rom выглядит так как задумывалось изначально, а с ними почему-то уже стал. Как это исправить?

омг, шта? о_О

[jeckk]

4 часа назад, klierik сказал:

омг, шта? о_О

шта-шта, в body если поместить блок rom его ширина на глаз как раз 30% относительно всей ширины экрана. А вот если завернуть его в 2 дива то он как сейчас.

было: https://i.imgur.com/n453d7u.png

стало: https://i.imgur.com/mU3iLMV.png

[klierik]

1 minute ago, jeckk said:

А вот если завернуть его в 2 дива то он как сейчас.

так не заворачивай

[Svetlana_P]

Здравствуйте! Что именно сейчас не так с основным блоком? Ваши пункты 2 и 3 трудно понять, хотя задача, похоже, простая.

Предположу: Вам не нравится, что при ширине экрана, меньшей 700px, блок с id rom слишком сильно сжимается. На телефоне совсем плохо. Это можно исправить так: через media queries пропишите для такого случая у id dbox нулевой padding.

[jeckk]

 

2 часа назад, klierik сказал:

так не заворачивай

Во, убрал и стало нормально.

 

[jeckk]

2 часа назад, Svetlana_P сказал:

Ваши пункты 2 и 3 трудно понять, хотя задача, похоже, простая.

С 3 пунктом уже сам запутался. Видимо хотел одно написать, а получилось о другом. Его можно пропустить.

2 часа назад, Svetlana_P сказал:

Предположу: Вам не нравится, что при ширине экрана, меньшей 700px, блок с id rom слишком сильно сжимается.

Именно так, но уже всё это не актуально.

—

Всем спасибо за внимание. Буду дальше медиа-запросы изучать.